SCSS
.size {
font-size:1px; //whole values only
}
.smiley {
height: 5em;
width: 5em;
box-shadow:
5em 0 0 #666,
10em 0 0 #666,
15em 0 0 #666,
20em 0 0 #666,
25em 0 0 #666,
30em 0 0 #666,
35em 0 0 #666,
40em 0 0 #666,
0 5em 0 #666,
5em 5em 0 #aaa,
10em 5em 0 #bbb,
15em 5em 0 #aaa,
20em 5em 0 #bbb,
25em 5em 0 #aaa,
30em 5em 0 #bbb,
35em 5em 0 #aaa,
40em 5em 0 #bbb,
45em 5em 0 #666,
0 10em 0 #666,
5em 10em 0 #ccc,
10em 10em 0 #bbb,
15em 10em 0 #ccc,
20em 10em 0 #bbb,
25em 10em 0 #ccc,
30em 10em 0 #bbb,
35em 10em 0 #ccc,
40em 10em 0 #bbb,
45em 10em 0 #666,
0 15em 0 #666,
5em 15em 0 #bbb,
10em 15em 0 #ccc,
15em 15em 0 #666,
20em 15em 0 #ccc,
25em 15em 0 #bbb,
30em 15em 0 #666,
35em 15em 0 #bbb,
40em 15em 0 #ccc,
45em 15em 0 #666,
0 20em 0 #666,
5em 20em 0 #ddd,
10em 20em 0 #ccc,
15em 20em 0 #ddd,
20em 20em 0 #ccc,
25em 20em 0 #ddd,
30em 20em 0 #ccc,
35em 20em 0 #ddd,
40em 20em 0 #ccc,
45em 20em 0 #666,
0 25em 0 #666,
5em 25em 0 #ccc,
10em 25em 0 #666,
15em 25em 0 #ccc,
20em 25em 0 #ddd,
25em 25em 0 #ccc,
30em 25em 0 #ddd,
35em 25em 0 #666,
40em 25em 0 #ddd,
45em 25em 0 #666,
0 30em 0 #666,
5em 30em 0 #eee,
10em 30em 0 #ddd,
15em 30em 0 #666,
20em 30em 0 #666,
25em 30em 0 #666,
30em 30em 0 #666,
35em 30em 0 #eee,
40em 30em 0 #ddd,
45em 30em 0 #666,
0 35em 0 #666,
5em 35em 0 #ddd,
10em 35em 0 #eee,
15em 35em 0 #ddd,
20em...