diff --git a/src/avatars/avatar.scss b/src/avatars/avatar.scss index 513e2851..bc28ea06 100644 --- a/src/avatars/avatar.scss +++ b/src/avatars/avatar.scss @@ -24,7 +24,7 @@ .avatar-2, .avatar-small { // stylelint-disable-next-line primer/borders - border-radius: $border-radius / 2; + border-radius: $border-radius-1; } // Sizes diff --git a/src/support/variables/misc.scss b/src/support/variables/misc.scss index afdebeb6..fe66c00a 100644 --- a/src/support/variables/misc.scss +++ b/src/support/variables/misc.scss @@ -1,11 +1,16 @@ // Miscellaneous variables -// Border size +// Border $border-width: 1px !default; $border-color: $border-gray !default; $border-style: solid !default; $border: $border-width $border-color $border-style !default; -$border-radius: 6px !default; + +// Border Radius +$border-radius-1: 4px !default; +$border-radius-2: 6px !default; +$border-radius-3: 12px !default; +$border-radius: $border-radius-2 !default; // Box shadow $box-shadow: 0 1px 0 rgba($gray-400, 0.1) !default; diff --git a/src/utilities/borders.scss b/src/utilities/borders.scss index bf497fa6..f1446c6a 100644 --- a/src/utilities/borders.scss +++ b/src/utilities/borders.scss @@ -40,14 +40,11 @@ .border#{$variant}-left-0 { border-left: 0 !important; } // Rounded corners - /* Remove the border-radius */ + .rounded#{$variant} { border-radius: $border-radius !important; } .rounded#{$variant}-0 { border-radius: 0 !important; } - /* Add a half border-radius to all corners */ - .rounded#{$variant}-1 { border-radius: $border-radius / 2 !important; } - /* Add a border-radius to all corners */ - .rounded#{$variant}-2 { border-radius: $border-radius !important; } - /* Add a double border-radius to all corners */ - .rounded#{$variant}-3 { border-radius: $border-radius * 2 !important; } + .rounded#{$variant}-1 { border-radius: $border-radius-1 !important; } + .rounded#{$variant}-2 { border-radius: $border-radius-2 !important; } + .rounded#{$variant}-3 { border-radius: $border-radius-3 !important; } @each $edge, $corners in $edges { .rounded#{$variant}-#{$edge}-0 {