|
28 | 28 |
|
29 | 29 | */ |
30 | 30 |
|
31 | | -.bw0 { border-width: 0; } |
32 | | -.bw1 { border-width: .125rem; } |
33 | | -.bw2 { border-width: .25rem; } |
34 | | -.bw3 { border-width: .5rem; } |
35 | | -.bw4 { border-width: 1rem; } |
36 | | -.bw5 { border-width: 2rem; } |
| 31 | +.bw0 { border-width: $border-width-none; } |
| 32 | +.bw1 { border-width: $border-width-1; } |
| 33 | +.bw2 { border-width: $border-width-2; } |
| 34 | +.bw3 { border-width: $border-width-3; } |
| 35 | +.bw4 { border-width: $border-width-4; } |
| 36 | +.bw5 { border-width: $border-width-5; } |
37 | 37 |
|
38 | 38 | /* Resets */ |
39 | | -.bt-0 { border-top-width: 0; } |
40 | | -.br-0 { border-right-width: 0; } |
41 | | -.bb-0 { border-bottom-width: 0; } |
42 | | -.bl-0 { border-left-width: 0; } |
| 39 | +.bt-0 { border-top-width: $border-width-none } |
| 40 | +.br-0 { border-right-width: $border-width-none } |
| 41 | +.bb-0 { border-bottom-width: $border-width-none } |
| 42 | +.bl-0 { border-left-width: $border-width-none } |
43 | 43 |
|
44 | 44 | @media #{$breakpoint-not-small} { |
45 | | - .bw0-ns { border-width: 0; } |
46 | | - .bw1-ns { border-width: .125rem; } |
47 | | - .bw2-ns { border-width: .25rem; } |
48 | | - .bw3-ns { border-width: .5rem; } |
49 | | - .bw4-ns { border-width: 1rem; } |
50 | | - .bw5-ns { border-width: 2rem; } |
51 | | - .bt-0-ns { border-top-width: 0; } |
52 | | - .br-0-ns { border-right-width: 0; } |
53 | | - .bb-0-ns { border-bottom-width: 0; } |
54 | | - .bl-0-ns { border-left-width: 0; } |
| 45 | + .bw0-ns { border-width: $border-width-none; } |
| 46 | + .bw1-ns { border-width: $border-width-1; } |
| 47 | + .bw2-ns { border-width: $border-width-2; } |
| 48 | + .bw3-ns { border-width: $border-width-3; } |
| 49 | + .bw4-ns { border-width: $border-width-4; } |
| 50 | + .bw5-ns { border-width: $border-width-5; } |
| 51 | + .bt-0-ns { border-top-width: $border-width-none } |
| 52 | + .br-0-ns { border-right-width: $border-width-none } |
| 53 | + .bb-0-ns { border-bottom-width: $border-width-none } |
| 54 | + .bl-0-ns { border-left-width: $border-width-none } |
55 | 55 | } |
56 | 56 |
|
57 | 57 | @media #{$breakpoint-medium} { |
58 | | - .bw0-m { border-width: 0; } |
59 | | - .bw1-m { border-width: .125rem; } |
60 | | - .bw2-m { border-width: .25rem; } |
61 | | - .bw3-m { border-width: .5rem; } |
62 | | - .bw4-m { border-width: 1rem; } |
63 | | - .bw5-m { border-width: 2rem; } |
64 | | - .bt-0-m { border-top-width: 0; } |
65 | | - .br-0-m { border-right-width: 0; } |
66 | | - .bb-0-m { border-bottom-width: 0; } |
67 | | - .bl-0-m { border-left-width: 0; } |
| 58 | + .bw0-m { border-width: $border-width-none; } |
| 59 | + .bw1-m { border-width: $border-width-1; } |
| 60 | + .bw2-m { border-width: $border-width-2; } |
| 61 | + .bw3-m { border-width: $border-width-3; } |
| 62 | + .bw4-m { border-width: $border-width-4; } |
| 63 | + .bw5-m { border-width: $border-width-5; } |
| 64 | + .bt-0-m { border-top-width: $border-width-none } |
| 65 | + .br-0-m { border-right-width: $border-width-none } |
| 66 | + .bb-0-m { border-bottom-width: $border-width-none } |
| 67 | + .bl-0-m { border-left-width: $border-width-none } |
68 | 68 | } |
69 | 69 |
|
70 | 70 | @media #{$breakpoint-large} { |
71 | | - .bw0-l { border-width: 0; } |
72 | | - .bw1-l { border-width: .125rem; } |
73 | | - .bw2-l { border-width: .25rem; } |
74 | | - .bw3-l { border-width: .5rem; } |
75 | | - .bw4-l { border-width: 1rem; } |
76 | | - .bw5-l { border-width: 2rem; } |
77 | | - .bt-0-l { border-top-width: 0; } |
78 | | - .br-0-l { border-right-width: 0; } |
79 | | - .bb-0-l { border-bottom-width: 0; } |
80 | | - .bl-0-l { border-left-width: 0; } |
| 71 | + .bw0-l { border-width: $border-width-none; } |
| 72 | + .bw1-l { border-width: $border-width-1; } |
| 73 | + .bw2-l { border-width: $border-width-2; } |
| 74 | + .bw3-l { border-width: $border-width-3; } |
| 75 | + .bw4-l { border-width: $border-width-4; } |
| 76 | + .bw5-l { border-width: $border-width-5; } |
| 77 | + .bt-0-l { border-top-width: $border-width-none } |
| 78 | + .br-0-l { border-right-width: $border-width-none } |
| 79 | + .bb-0-l { border-bottom-width: $border-width-none } |
| 80 | + .bl-0-l { border-left-width: $border-width-none } |
81 | 81 | } |
0 commit comments