55 lines
1.4 KiB
SCSS
55 lines
1.4 KiB
SCSS
|
// Foundation for Sites by ZURB
|
||
|
// foundation.zurb.com
|
||
|
// Licensed under MIT Open Source
|
||
|
|
||
|
////
|
||
|
/// @group prototype-bordered
|
||
|
////
|
||
|
|
||
|
/// Responsive breakpoints for bordered utility.
|
||
|
/// @type Boolean
|
||
|
$prototype-bordered-breakpoints: $global-prototype-breakpoints !default;
|
||
|
|
||
|
/// Default value for `prototype-border-width`
|
||
|
/// @type Number
|
||
|
$prototype-border-width: rem-calc(1) !default;
|
||
|
|
||
|
/// Default value for `prototype-border-type`
|
||
|
/// @type String
|
||
|
$prototype-border-type: solid !default;
|
||
|
|
||
|
/// Default value for `prototype-border-color` defaulted to `medium-gray`
|
||
|
/// @type Color
|
||
|
$prototype-border-color: $medium-gray !default;
|
||
|
|
||
|
/// Bordered Utility: Adds a light border to an element by default.
|
||
|
/// @param {Number} $width [$prototype-border-width] Width of the border
|
||
|
/// @param {String} $type [$prototype-border-type] Type of the border
|
||
|
/// @param {Color} $color [$prototype-border-color] Color of the border
|
||
|
@mixin bordered(
|
||
|
$width: $prototype-border-width,
|
||
|
$type: $prototype-border-type,
|
||
|
$color: $prototype-border-color
|
||
|
) {
|
||
|
border: $width $type $color;
|
||
|
}
|
||
|
|
||
|
@mixin foundation-prototype-bordered {
|
||
|
.bordered {
|
||
|
@include bordered;
|
||
|
}
|
||
|
|
||
|
@if ($prototype-bordered-breakpoints) {
|
||
|
// Loop through Responsive Breakpoints
|
||
|
@each $size in $breakpoint-classes {
|
||
|
@include breakpoint($size) {
|
||
|
@if $size != $-zf-zero-breakpoint {
|
||
|
.#{$size}-bordered {
|
||
|
@include bordered;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|