1 | @import "variables";
|
2 |
|
3 | .shadow {
|
4 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
5 | }
|
6 |
|
7 | @each $name, $value in $shadows {
|
8 | .shadow\:#{$name} {
|
9 | box-shadow: #{$value};
|
10 | }
|
11 | }
|
12 |
|
13 | @each $variantName, $variantValue in $variants {
|
14 | .#{$variantName}\:shadow:#{$variantValue} {
|
15 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
16 | }
|
17 |
|
18 | @each $name, $value in $shadows {
|
19 | .#{$variantName}\:shadow\:#{$name}:#{$variantValue} {
|
20 | box-shadow: #{$value};
|
21 | }
|
22 | }
|
23 | }
|