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

Replace $border-color-button with var(--color-btn-border)

Browse Source
This commit is contained in:
simurai 2020-09-15 11:50:57 +09:00
parent 9a866c200f
commit 4ea334d9de
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/buttons/button.scss
View File

@ -74,7 +74,7 @@
color: $text-gray-dark;
background-color: $bg-default;
border-color: $border-color-button;
border-color: var(--color-btn-border);
box-shadow: var(--color-shadow-small), var(--color-shadow-highlight);
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
@ -99,7 +99,7 @@
// stylelint-disable-next-line primer/colors
color: $gray-400;
background-color: $bg-disabled;
border-color: $border-color-button;
border-color: var(--color-btn-border);
}
// Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
@ -207,7 +207,7 @@
&[aria-disabled=true] {
color: rgba($color, 0.5);
background-color: $bg-gray-light;
border-color: $border-color-button;
border-color: var(--color-btn-border);
box-shadow: var(--color-shadow-small), var(--color-shadow-highlight);
.Counter {

2
src/buttons/misc.scss
View File

@ -177,7 +177,7 @@
color: $text-gray-dark;
vertical-align: middle;
background-color: $bg-white;
border: $border-width $border-style $border-color-button;
border: $border-width $border-style var(--color-btn-border);
border-left: 0;
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;