1 | // Foundation for Sites by ZURB
|
2 | // foundation.zurb.com
|
3 | // Licensed under MIT Open Source
|
4 |
|
5 | ////
|
6 | /// @group prototype-shadow
|
7 | ////
|
8 |
|
9 | /// Responsive breakpoints for shadow utility.
|
10 | /// @type Boolean
|
11 | $prototype-shadow-breakpoints: $global-prototype-breakpoints !default;
|
12 |
|
13 | /// Default value for `prototype-box-shadow`
|
14 | /// @type Number
|
15 | $prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
|
16 | 0 2px 10px 0 rgba(0,0,0,.12) !default;
|
17 |
|
18 | /// Shadow Utility: Adds a light box shadow to an element by default.
|
19 | /// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component
|
20 | @mixin shadow(
|
21 | $shadow: $prototype-box-shadow
|
22 | ) {
|
23 | box-shadow: $shadow;
|
24 | }
|
25 |
|
26 | @mixin foundation-prototype-shadow {
|
27 | .shadow {
|
28 | @include shadow;
|
29 | }
|
30 |
|
31 | @if ($prototype-shadow-breakpoints) {
|
32 | // Loop through Responsive Breakpoints
|
33 | @each $size in $breakpoint-classes {
|
34 | @include breakpoint($size) {
|
35 | @if $size != $-zf-zero-breakpoint {
|
36 | .#{$size}-shadow {
|
37 | @include shadow;
|
38 | }
|
39 | }
|
40 | }
|
41 | }
|
42 | }
|
43 | }
|