// 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(1px) !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;

@mixin bordered {
  border: $prototype-border-width $prototype-border-type $prototype-border-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;
          }
        }
      }
    }
  }
}

// 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(1px) !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;
          }
        }
      }
    }
  }
}

Add parameters to bordered mixin - `width[prototype-border-width]` Width of the border - `type[prototype-border-type]` Type of the border - `color[prototype-border-color]` Color of the border
Add parameters to bordered mixin
- `width[prototype-border-width]` Width of the border
- `type[prototype-border-type]` Type of the border
- `color[prototype-border-color]` Color of the border
