| 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 | }
|