1 | @import "variables";
|
2 |
|
3 | @each $name, $value in $colors {
|
4 | .border\:#{$name} {
|
5 | border-color: $value;
|
6 | }
|
7 | }
|
8 |
|
9 | @each $variantName, $variantValue in $variants {
|
10 | @each $name, $value in $colors {
|
11 | .#{$variantName}\:border\:#{$name}:#{$variantValue} {
|
12 | border-color: $value;
|
13 | }
|
14 | }
|
15 | }
|
16 |
|
17 | @each $name, $value in $border-styles {
|
18 | .border\:#{$name} {
|
19 | border-style: $value;
|
20 | }
|
21 | }
|
22 |
|
23 | .border {
|
24 | border-width: $border-width-default;
|
25 | }
|
26 | .border\:t {
|
27 | border-top-width: $border-width-default;
|
28 | }
|
29 | .border\:r {
|
30 | border-right-width: $border-width-default;
|
31 | }
|
32 | .border\:b {
|
33 | border-bottom-width: $border-width-default;
|
34 | }
|
35 | .border\:l {
|
36 | border-left-width: $border-width-default;
|
37 | }
|
38 | .border\:x {
|
39 | border-left-width: $border-width-default;
|
40 | border-right-width: $border-width-default;
|
41 | }
|
42 | .border\:y {
|
43 | border-top-width: $border-width-default;
|
44 | border-bottom-width: $border-width-default;
|
45 | }
|
46 |
|
47 | @each $name, $value in $border-widths {
|
48 | .border\:#{$name} {
|
49 | border-width: $value;
|
50 | }
|
51 | .border\:t\:#{$name} {
|
52 | border-top-width: $value;
|
53 | }
|
54 | .border\:r\:#{$name} {
|
55 | border-right-width: $value;
|
56 | }
|
57 | .border\:b\:#{$name} {
|
58 | border-bottom-width: $value;
|
59 | }
|
60 | .border\:l\:#{$name} {
|
61 | border-left-width: $value;
|
62 | }
|
63 | .border\:x\:#{$name} {
|
64 | border-right-width: $value;
|
65 | border-left-width: $value;
|
66 | }
|
67 | .border\:y\:#{$name} {
|
68 | border-top-width: $value;
|
69 | border-bottom-width: $value;
|
70 | }
|
71 | }
|