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

Replace auto and fade variables (#1448)

Browse Source 
* Replace auto variables

* Replace fade variables

* Create smart-apples-hug.md

* yarn upgrade @primer/primitives

* yarn add primer/primitives@^4.3.10

* Use existing variables

Since the v2 variables are not available yet

* Revert bumping @primer/primitives

This should not be needed anymore.

* Update stylelint.config.js

* Revert "Use existing variables"

This reverts commit cc620b971a.

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
This commit is contained in:
simurai 2021-06-08 11:58:23 +09:00 committed by GitHub
parent aa4aa40fbc
commit 8175f88447
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/smart-apples-hug.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Replace auto and fade variables

3
src/base/kbd.scss
View File

@ -8,8 +8,7 @@ kbd {
font: 11px $mono-font;
// stylelint-disable-next-line primer/typography
line-height: 10px;
// stylelint-disable-next-line primer/colors
color: var(--color-auto-gray-7);
color: var(--color-text-primary);
vertical-align: middle;
background-color: var(--color-bg-secondary);
// stylelint-disable-next-line primer/borders

2
src/blankslate/blankslate.scss
View File

@ -13,7 +13,7 @@
padding: 2px 5px 3px;
font-size: $h5-size;
background: var(--color-bg-canvas);
border: $border-width $border-style var(--color-auto-gray-0); // stylelint-disable-line primer/borders
border: $border-width $border-style var(--color-border-secondary);
border-radius: $border-radius;
}

3
src/buttons/misc.scss
View File

@ -138,8 +138,7 @@
font-weight: $font-weight-bold;
// stylelint-disable-next-line primer/typography
line-height: 6px;
// stylelint-disable-next-line primer/colors
color: var(--color-auto-gray-7);
color: var(--color-text-primary);
text-decoration: none;
vertical-align: middle;
background: var(--color-hidden-text-expander-bg);

2
src/forms/form-control.scss
View File

@ -131,7 +131,7 @@ textarea.form-control {
padding: 2px $spacer-1;
font-style: normal;
// stylelint-disable-next-line primer/colors
background: var(--color-auto-yellow-1);
background: var(--color-attention-subtle, var(--color-auto-yellow-1));
border-radius: $border-radius;
}
}

2
src/navigation/menu.scss
View File

@ -82,7 +82,7 @@
.menu-warning {
float: right;
// stylelint-disable-next-line primer/colors
color: var(--color-auto-red-9);
color: var(--color-icon-warning);
}
.avatar {

2
src/progress/progress.scss
View File

@ -5,7 +5,7 @@
height: 8px;
overflow: hidden;
// stylelint-disable-next-line primer/colors
background-color: var(--color-auto-gray-2);
background-color: var(--color-neutral-muted, var(--color-auto-gray-2));
border-radius: $border-radius;
outline: 1px solid transparent; // Support Firefox custom colors
}

3
src/utilities/details.scss
View File

@ -15,8 +15,7 @@
.details-overlay-dark[open] > summary::before {
z-index: 99;
// stylelint-disable-next-line primer/colors
background: var(--color-fade-black-50);
background: var(--color-bg-backdrop);
}
.details-reset {

2
stylelint.config.js
View File

@ -14,6 +14,6 @@ module.exports = {
'primer/typography': true,
'primer/box-shadow': true,
'primer-css/TODO': [true, {currentVersion, severity: 'error'}],
'primer/no-undefined-vars': [true, {files: 'node_modules/@primer/primitives/dist/scss/colors/*.scss'}]
'primer/no-undefined-vars': [true, {files: 'node_modules/@primer/primitives/dist/scss/colors*/*.scss'}]
}
}