steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2026-06-04 03:09:09 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix .label-* coloring bug (#1286)

Browse Source 
Closes #1285.

(missed this in code review, which is also my bad! this is because the `:not` selector changes specificity, which in turn changes the cascade)
This commit is contained in:
Matt Wang
2023-06-27 03:13:29 -07:00
committed by GitHub
parent 1359fcb9ca
commit c21def31fa
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_sass/labels.scss
+5 -5
View File
@@ -5,7 +5,7 @@
// for more, see https://github.com/just-the-docs/just-the-docs/issues/1272 // for more, see https://github.com/just-the-docs/just-the-docs/issues/1272
// and the accompanying PR // and the accompanying PR
.label:not(g), .label:not(g),
.label-blue { .label-blue:not(g) {
display: inline-block; display: inline-block;
padding: 0.16em 0.56em; padding: 0.16em 0.56em;
margin-right: $sp-2; margin-right: $sp-2;
@@ -19,19 +19,19 @@
border-radius: 12px; border-radius: 12px;
} }
.label-green { .label-green:not(g) {
background-color: $green-200; background-color: $green-200;
} }
.label-purple { .label-purple:not(g) {
background-color: $purple-100; background-color: $purple-100;
} }
.label-red { .label-red:not(g) {
background-color: $red-200; background-color: $red-200;
} }
.label-yellow { .label-yellow:not(g) {
color: $grey-dk-200; color: $grey-dk-200;
background-color: $yellow-200; background-color: $yellow-200;
} }