primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-05 21:22:57 +03:00
Code Issues Projects Releases Wiki Activity

Replace $text-gray-light with --color-text-tertiary

Browse Source
This commit is contained in:
simurai 2020-09-15 19:34:12 +09:00
parent f773f35b27
commit 2305f944fd
11 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
MIGRATING.md
View File

@ -19,6 +19,7 @@ In `v16` we're moving all colors to [primer/primitives](https://github.com/prime
--- | ---
**Text** |
`$text-gray-dark` | `var(--color-text-primary)`
`$text-gray-light` | `var(--color-text-tertiary)`
**Border** |
`$border-color` | `var(--color-border-primary)`
`$border` | `$border-width $border-style var(--color-border-primary)`

2
src/buttons/button.scss
View File

@ -40,7 +40,7 @@
.octicon {
margin-right: $spacer-1;
color: $text-gray-light;
color: var(--color-text-tertiary);
vertical-align: text-bottom;
&:only-child {

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

@ -90,7 +90,7 @@ textarea.form-control {
// Custom styling for HTML5 validation bubbles (WebKit only)
::placeholder {
color: $text-gray-light;
color: var(--color-text-tertiary);
opacity: 1; // override opacity in normalize.css
}

2
src/labels/counters.scss
View File

@ -27,7 +27,7 @@
}
.Counter--gray-light {
color: $text-gray-light;
color: var(--color-text-tertiary);
}
.Counter--gray {

2
src/markdown/headings.scss
View File

@ -67,6 +67,6 @@
h6 {
// stylelint-disable-next-line primer/typography
font-size: 0.85em;
color: $text-gray-light;
color: var(--color-text-tertiary);
}
}

2
src/markdown/markdown-body.scss
View File

@ -84,7 +84,7 @@
blockquote {
// stylelint-disable-next-line primer/spacing
padding: 0 1em;
color: $text-gray-light;
color: var(--color-text-tertiary);
// stylelint-disable-next-line primer/borders
border-left: 0.25em $border-style lighten($gray-300, 5%);

2
src/navigation/sidenav.scss
View File

@ -73,7 +73,7 @@
.SideNav-icon {
width: 16px;
margin-right: $spacer-2;
color: $text-gray-light;
color: var(--color-text-tertiary);
}
// Sub Nav

2
src/navigation/tabnav.scss
View File

@ -38,7 +38,7 @@
}
&:active {
color: $text-gray-light;
color: var(--color-text-tertiary);
}
.octicon {

2
src/pagination/pagination.scss
View File

@ -54,7 +54,7 @@
.gap:hover,
.disabled:hover,
[aria-disabled=true]:hover {
color: $text-gray-light;
color: var(--color-text-tertiary);
cursor: default;
border-color: transparent;
}

8
src/select-menu/select-menu.scss
View File

@ -253,7 +253,7 @@ $SelectMenu-max-height: 480px !default;
padding: $spacer-2 $spacer-3;
font-size: $font-size-small;
font-weight: $font-weight-semibold;
color: $text-gray-light;
color: var(--color-text-tertiary);
text-align: center;
background-color: transparent;
border: 0;
@ -316,7 +316,7 @@ $SelectMenu-max-height: 480px !default;
margin: 0;
font-size: $font-size-small;
font-weight: $font-weight-semibold;
color: $text-gray-light;
color: var(--color-text-tertiary);
background-color: $bg-gray;
border-bottom: $border-width $border-style $border-gray-light;
@ -339,7 +339,7 @@ $SelectMenu-max-height: 480px !default;
z-index: 0; // Avoid top border from getting covered by the negative margin of the list
padding: $spacer-2 $spacer-3;
font-size: $font-size-small;
color: $text-gray-light;
color: var(--color-text-tertiary);
text-align: center;
border-top: $border-width $border-style $border-gray-light;
@ -404,7 +404,7 @@ $SelectMenu-max-height: 480px !default;
.SelectMenu-item:disabled,
.SelectMenu-item[aria-disabled=true] {
color: $text-gray-light;
color: var(--color-text-tertiary);
pointer-events: none;
}

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

@ -43,7 +43,6 @@ $bg-yellow-dark: $yellow-700 !default;
$text-black: $black !default;
$text-white: $white !default;
$text-blue: $blue-500 !default;
$text-gray-light: $gray-500 !default;
$text-gray: $gray-600 !default;
$text-green: $green-600 !default;
$text-orange: $orange-900 !default;
@ -60,3 +59,4 @@ $text-yellow: $yellow-800 !default;
// Text colors
$text-gray-dark: $gray-900 !default;
$text-gray-light: $gray-500 !default;