// 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; } } } } } }