44 lines
1.0 KiB
SCSS
44 lines
1.0 KiB
SCSS
// 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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|