# Sass Pixel Art

DevFeed: [Sass Pixel Art](<https://devfeed.tech/articles/sass-pixel-art-28836.md>)

Original publisher: [Read original article](<https://una.im/sass-pixel-art/>)

Published: 2015-05-03T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [Sass](<https://devfeed.tech/topics/sass.md>), [HTML5 and CSS3 tricks](<https://devfeed.tech/topics/html5-and-css3-tricks.md>), [pixel](<https://devfeed.tech/topics/pixel.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [blog-post](<https://devfeed.tech/tags/blog-post.md>), [css3](<https://devfeed.tech/tags/css3.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [pixel-art](<https://devfeed.tech/tags/pixel-art.md>), [sass](<https://devfeed.tech/tags/sass.md>)

## AI overview

This tutorial explains how Sass lists, matrices, maps, and list functions can generate pixel art using CSS3 multiple box shadows. It examines how individually positioned box shadows form pixels and how Sass data structures organize them.

## Source excerpt

Pixel art is so much fun! This blog post walks through how to read a matrix-like list with Sass and generate Mario pixel art from box shadows.