74 lines
1.5 KiB
SCSS
74 lines
1.5 KiB
SCSS
// Foundation for Sites by ZURB
|
|
// foundation.zurb.com
|
|
// Licensed under MIT Open Source
|
|
|
|
////
|
|
/// @group prototype-sizing
|
|
////
|
|
|
|
/// Responsive breakpoints for spacing classes (margin and padding)
|
|
/// @type Boolean
|
|
$prototype-sizing-breakpoints: $global-prototype-breakpoints !default;
|
|
|
|
/// Map containing all the `sizing` classes
|
|
/// @type Map
|
|
$prototype-sizing: (
|
|
width,
|
|
height
|
|
) !default;
|
|
|
|
/// Map containing all the sizes.
|
|
/// @type Map
|
|
$prototype-sizes: (
|
|
25: 25%,
|
|
50: 50%,
|
|
75: 75%,
|
|
100: 100%
|
|
) !default;
|
|
|
|
/// Max Width 100 utility.
|
|
@mixin max-width-100 {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/// Max Height 100 utility.
|
|
@mixin max-height-100 {
|
|
max-height: 100% !important;
|
|
}
|
|
|
|
@mixin foundation-prototype-sizing {
|
|
// Element Sizing
|
|
@each $sizing in $prototype-sizing {
|
|
@each $length, $percentage in $prototype-sizes {
|
|
.#{$sizing}-#{$length} {
|
|
#{$sizing}: $percentage !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Max width & height
|
|
.max-width-100 {
|
|
@include max-width-100;
|
|
}
|
|
.max-height-100 {
|
|
@include max-height-100;
|
|
}
|
|
|
|
@if ($prototype-sizing-breakpoints) {
|
|
// Loop through Responsive Breakpoints
|
|
@each $size in $breakpoint-classes {
|
|
@include breakpoint($size) {
|
|
@if $size != $-zf-zero-breakpoint {
|
|
@each $sizing in $prototype-sizing {
|
|
@each $length, $percentage in $prototype-sizes {
|
|
.#{$size}-#{$sizing}-#{$length} {
|
|
#{$sizing}: $percentage !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|