|
1 | 1 | // Core border utilities |
2 | | -// stylelint-disable block-opening-brace-space-before |
| 2 | +// stylelint-disable block-opening-brace-space-before, primer/borders |
3 | 3 |
|
4 | 4 | /* Add a gray border to the left and right */ |
5 | 5 | .border-x { |
|
31 | 31 | .border#{$variant}-left-0 { border-left: 0 !important; } |
32 | 32 |
|
33 | 33 | // Rounded corners |
34 | | - .rounded#{$variant} { border-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; } |
| 34 | + .rounded#{$variant} { border-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; } |
35 | 35 | .rounded#{$variant}-0 { border-radius: 0 !important; } |
36 | | - .rounded#{$variant}-1 { border-radius: var(--primer-borderRadius-small, $border-radius-1) !important; } |
37 | | - .rounded#{$variant}-2 { border-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; } |
38 | | - .rounded#{$variant}-3 { border-radius: var(--primer-borderRadius-large, $border-radius-3) !important; } |
| 36 | + .rounded#{$variant}-1 { border-radius: var(--primer-borderRadius-small, $border-radius-1) !important; } |
| 37 | + .rounded#{$variant}-2 { border-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; } |
| 38 | + .rounded#{$variant}-3 { border-radius: var(--primer-borderRadius-large, $border-radius-3) !important; } |
39 | 39 |
|
40 | 40 | @each $edge, $corners in $edges { |
41 | 41 | .rounded#{$variant}-#{$edge}-0 { |
|
46 | 46 |
|
47 | 47 | .rounded#{$variant}-#{$edge}-1 { |
48 | 48 | @each $corner in $corners { |
49 | | - border-#{$corner}-radius: var(--primer-borderRadius-small, $border-radius-1) !important; |
| 49 | + border-#{$corner}-radius: var(--primer-borderRadius-small, $border-radius-1) !important; |
50 | 50 | } |
51 | 51 | } |
52 | 52 |
|
53 | 53 | .rounded#{$variant}-#{$edge}-2 { |
54 | 54 | @each $corner in $corners { |
55 | | - border-#{$corner}-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; |
| 55 | + border-#{$corner}-radius: var(--primer-borderRadius-medium, $border-radius-2) !important; |
56 | 56 | } |
57 | 57 | } |
58 | 58 |
|
59 | 59 | .rounded#{$variant}-#{$edge}-3 { |
60 | 60 | @each $corner in $corners { |
61 | | - border-#{$corner}-radius: var(--primer-borderRadius-medium, $border-radius-3) !important; |
| 61 | + border-#{$corner}-radius: var(--primer-borderRadius-medium, $border-radius-3) !important; |
62 | 62 | } |
63 | 63 | } |
64 | 64 | } |
|
0 commit comments