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

}