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

Remove y-padding on labels and states

Browse Source
This commit is contained in:
simurai 2020-03-02 10:45:04 +09:00
parent 2bdd5c1ff7
commit f80a82afaf
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/labels/mixins.scss
View File

@ -9,14 +9,16 @@
padding: 0 7px;
font-size: $font-size-small;
font-weight: $font-weight-semibold;
line-height: $lh-default;
line-height: 18px;
// stylelint-disable-next-line primer/borders
border: $border-width $border-style transparent;
border-radius: 2em;
}
@mixin labels-large {
padding: 2px 10px;
padding-left: 10px;
padding-right: 10px;
line-height: 22px;
}
// Inline

8
src/labels/states.scss
View File

@ -12,11 +12,11 @@
.state, // TODO: Deprecate
.State {
display: inline-block;
padding: $spacer-2 12px;
padding: 0 12px;
font-size: $body-font-size;
font-weight: $font-weight-semibold;
// stylelint-disable-next-line primer/typography
line-height: 16px;
line-height: 32px;
color: $text-white;
text-align: center;
white-space: nowrap;
@ -42,8 +42,10 @@
// Small
.State--small {
padding: $spacer-1 $spacer-2;
padding-left: $spacer-2;
padding-right: $spacer-2;
font-size: $font-size-small;
line-height: 24px;
.octicon {
width: 1em; // Ensures different icons don't change State indicator width