primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-14 06:44:38 +03:00
Code Issues Projects Releases Wiki Activity

Use 4px corners for small avatars

Browse Source
This commit is contained in:
simurai 2020-03-20 11:29:36 +09:00
parent e67d5f0c98
commit c6436e35c2
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/avatars/avatar.scss
View File

@ -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

9
src/support/variables/misc.scss
View File

@ -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;

11
src/utilities/borders.scss
View File

@ -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 {