1 $group
2 $foreach c in scale50
3 . m-${c}
4 margin ${c}px
5 . m-l-${c}
6 margin-left ${c}px
7 . m-r-${c}
8 margin-right ${c}px
9 . m-t-${c}
10 margin-top ${c}px
11 . m-b-${c}
12 margin-bottom ${c}px
13 $foreach c in count
14 . font-${sizes[c]}
15 font-size ${scale[c]}em
16 . m-${sizes[c]}
17 margin ${scale[c]}em
18 . m-t-${sizes[c]}
19 margin-top ${scale[c]}em
20 . m-b-${sizes[c]}
21 margin-bottom ${scale[c]}em
22 . m-l-${sizes[c]}
23 margin-left ${scale[c]}em
24 . m-r-${sizes[c]}
25 margin-right ${scale[c]}em
26 . m-w-${sizes[c]}
27 margin-left ${scale[c]}em
28 margin-right ${scale[c]}em
29 . m-y-${sizes[c]}
30 margin-top ${scale[c]}em
31 margin-bottom ${scale[c]}em
32 . p-${sizes[c]}
33 padding ${scale[c]}em
34 . p-t-${sizes[c]}
35 padding-top ${scale[c]}em
36 . p-b-${sizes[c]}
37 padding-bottom ${scale[c]}em
38 . p-l-${sizes[c]}
39 padding-left ${scale[c]}em
40 . p-r-${sizes[c]}
41 padding-right ${scale[c]}em
42 . p-w-${sizes[c]}
43 padding-left ${scale[c]}em
44 padding-right ${scale[c]}em
45 . p-y-${sizes[c]}
46 padding-top ${scale[c]}em
47 padding-bottom ${scale[c]}em