UNPKG

1.05 kBSCSSView Raw
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}