1 | // Foundation for Sites by ZURB
|
2 | // foundation.zurb.com
|
3 | // Licensed under MIT Open Source
|
4 |
|
5 | ////
|
6 | /// @group prototype-bordered
|
7 | ////
|
8 |
|
9 | /// Responsive breakpoints for bordered utility.
|
10 | /// @type Boolean
|
11 | $prototype-bordered-breakpoints: $global-prototype-breakpoints !default;
|
12 |
|
13 | /// Default value for `prototype-border-width`
|
14 | /// @type Number
|
15 | $prototype-border-width: rem-calc(1) !default;
|
16 |
|
17 | /// Default value for `prototype-border-type`
|
18 | /// @type String
|
19 | $prototype-border-type: solid !default;
|
20 |
|
21 | /// Default value for `prototype-border-color` defaulted to `medium-gray`
|
22 | /// @type Color
|
23 | $prototype-border-color: $medium-gray !default;
|
24 |
|
25 | /// Bordered Utility: Adds a light border to an element by default.
|
26 | /// @param {Number} $width [$prototype-border-width] Width of the border
|
27 | /// @param {String} $type [$prototype-border-type] Type of the border
|
28 | /// @param {Color} $color [$prototype-border-color] Color of the border
|
29 | @mixin bordered(
|
30 | $width: $prototype-border-width,
|
31 | $type: $prototype-border-type,
|
32 | $color: $prototype-border-color
|
33 | ) {
|
34 | border: $width $type $color;
|
35 | }
|
36 |
|
37 | @mixin foundation-prototype-bordered {
|
38 | .bordered {
|
39 | @include bordered;
|
40 | }
|
41 |
|
42 | @if ($prototype-bordered-breakpoints) {
|
43 | // Loop through Responsive Breakpoints
|
44 | @each $size in $breakpoint-classes {
|
45 | @include breakpoint($size) {
|
46 | @if $size != $-zf-zero-breakpoint {
|
47 | .#{$size}-bordered {
|
48 | @include bordered;
|
49 | }
|
50 | }
|
51 | }
|
52 | }
|
53 | }
|
54 | }
|