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

Replace $bg-red-light with --color-bg-danger

Browse Source 
Also $bg-red -> --color-bg-danger-inverse
This commit is contained in:
simurai 2020-09-16 13:43:53 +09:00
parent 19792a4210
commit 9dee8f45f8
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
MIGRATING.md
View File

@ -34,6 +34,9 @@ In `v16` we're moving all colors to [primer/primitives](https://github.com/prime
**Border** |
`$border-color` | `var(--color-border-primary)`
`$border` | `$border-width $border-style var(--color-border-primary)`
**Background** |
`$bg-red-light` | `var(--color-bg-danger)`
`$bg-red` | `var(--color-bg-danger-inverse)`
**Box Shadow** |
`$box-shadow` | `var(--color-shadow-small)`
`$box-shadow-medium` | `var(--color-shadow-medium)`

4
src/forms/form-group.scss
View File

@ -240,12 +240,12 @@
}
.error {
background-color: $bg-red-light;
background-color: var(--color-bg-danger);
border-color: $border-red-light;
&::after {
// stylelint-disable-next-line primer/borders
border-bottom-color: $bg-red-light;
border-bottom-color: var(--color-bg-danger);
}
&::before {

2
src/labels/states.scss
View File

@ -33,7 +33,7 @@
}
.State--red {
background-color: $bg-red;
background-color: var(--color-bg-danger-inverse);
}
.State--purple {

7
src/support/variables/colors.scss
View File

@ -33,8 +33,7 @@ $bg-orange: $orange-700 !default;
$bg-purple: $purple-500 !default;
$bg-purple-light: $purple-000 !default;
$bg-pink: $pink-500 !default;
$bg-red: $red-500 !default;
$bg-red-light: $red-000 !default;
$bg-yellow: $yellow-500 !default;
$bg-yellow-light: $yellow-200 !default;
$bg-yellow-dark: $yellow-700 !default;
@ -44,6 +43,10 @@ $bg-yellow-dark: $yellow-700 !default;
// ------------- Replaced with primer/primitives --------------
//
// Background colors
$bg-red: $red-500 !default;
$bg-red-light: $red-000 !default;
// Text colors
$text-black: $black !default;
$text-gray-dark: $gray-900 !default;