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

Merge pull request #1045 from primer/next-1

Browse Source 
More "component refresh" tweaks
This commit is contained in:
simurai 2020-03-11 20:40:45 +09:00 committed by GitHub
commit 0e52ad352d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/labels/mixins.scss
View File

@ -8,7 +8,7 @@
display: inline-block;
padding: 0 7px;
font-size: $font-size-small;
font-weight: $font-weight-semibold;
font-weight: $font-weight-normal;
line-height: 18px;
border: $border-width $border-style transparent;
border-radius: 2em;

4
src/navigation/menu.scss
View File

@ -50,7 +50,7 @@
&[aria-current] {
cursor: default;
// stylelint-disable-next-line primer/colors
background-color: $orange-000;
background-color: #fff2f0; // custom coral
&::before {
position: absolute;
@ -60,7 +60,7 @@
width: 2px;
content: "";
// stylelint-disable-next-line primer/colors
background-color: $orange-500;
background-color: #f9826c; // custom coral
}
}

2
src/navigation/sidenav.scss
View File

@ -62,7 +62,7 @@
// Bar on the left
&::before {
// stylelint-disable-next-line primer/colors
background-color: $orange-500;
background-color: #f9826c; // custom coral
}
}

7
src/navigation/underline-nav.scss
View File

@ -21,21 +21,22 @@
background-color: transparent;
border: 0;
// stylelint-disable-next-line primer/borders
border-bottom: 2px $border-style transparent;
border-bottom: 2px $border-style rgba($border-gray-dark, 0);
transition: border-bottom-color 0.36s ease-in;
&:hover,
&:focus {
text-decoration: none;
border-bottom-color: $border-gray-dark;
transition: border-bottom-color 0.12s ease-out;
transition-timing-function: ease-out;
transition-duration: 0.12s;
}
&.selected,
&[role=tab][aria-selected=true],
&[aria-current] {
// stylelint-disable-next-line primer/borders
border-bottom-color: $orange-500;
border-bottom-color: #f9826c; // custom coral
}
}