// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source
//// /// @group prototype-shadow ////
/// Responsive breakpoints for shadow utility. /// @type Boolean $prototype-shadow-breakpoints: $global-prototype-breakpoints !default;
/// Default value for `prototype-box-shadow` /// @type Number $prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),
0 2px 10px 0 rgba(0,0,0,.12) !default;
/// Shadow Utility: Adds a light box shadow to an element by default. /// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component @mixin shadow(
$shadow: $prototype-box-shadow
) {
box-shadow: $shadow;
}
@mixin foundation-prototype-shadow {
.shadow { @include shadow; } @if ($prototype-shadow-breakpoints) { // Loop through Responsive Breakpoints @each $size in $breakpoint-classes { @include breakpoint($size) { @if $size != $-zf-zero-breakpoint { .#{$size}-shadow { @include shadow; } } } } }
}