primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-05 21:22:57 +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-2,
.avatar-small { .avatar-small {
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius / 2; border-radius: $border-radius-1;
} }
// Sizes // Sizes

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

@ -1,11 +1,16 @@
// Miscellaneous variables // Miscellaneous variables
// Border size // Border
$border-width: 1px !default; $border-width: 1px !default;
$border-color: $border-gray !default; $border-color: $border-gray !default;
$border-style: solid !default; $border-style: solid !default;
$border: $border-width $border-color $border-style !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
$box-shadow: 0 1px 0 rgba($gray-400, 0.1) !default; $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; } .border#{$variant}-left-0 { border-left: 0 !important; }
// Rounded corners // Rounded corners
/* Remove the border-radius */ .rounded#{$variant} { border-radius: $border-radius !important; }
.rounded#{$variant}-0 { border-radius: 0 !important; } .rounded#{$variant}-0 { border-radius: 0 !important; }
/* Add a half border-radius to all corners */ .rounded#{$variant}-1 { border-radius: $border-radius-1 !important; }
.rounded#{$variant}-1 { border-radius: $border-radius / 2 !important; } .rounded#{$variant}-2 { border-radius: $border-radius-2 !important; }
/* Add a border-radius to all corners */ .rounded#{$variant}-3 { border-radius: $border-radius-3 !important; }
.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; }
@each $edge, $corners in $edges { @each $edge, $corners in $edges {
.rounded#{$variant}-#{$edge}-0 { .rounded#{$variant}-#{$edge}-0 {