Migrate more scraped examples CSS rules to CSS variables
This commit is contained in:
parent
aa20f885c4
commit
5494da23af
4 changed files with 20 additions and 24 deletions
|
|
@ -1965,6 +1965,14 @@ in storage.js
|
|||
.scraped-example .example-wrap .rust span.highlight.focus {
|
||||
background: var(--scrape-example-code-line-highlight-focus);
|
||||
}
|
||||
.scraped-example-list .scrape-help {
|
||||
border-color: var(--scrape-example-help-border-color);
|
||||
color: var(--scrape-example-help-color);
|
||||
}
|
||||
.scraped-example-list .scrape-help:hover {
|
||||
border-color: var(--scrape-example-help-hover-border-color);
|
||||
color: var(--scrape-example-help-hover-color);
|
||||
}
|
||||
|
||||
.more-examples-toggle {
|
||||
max-width: calc(100% + 25px);
|
||||
|
|
|
|||
|
|
@ -93,6 +93,10 @@ Original by Dempfi (https://github.com/dempfi/ayu)
|
|||
--scrape-example-toggle-line-hover-background: #c5c5c5;
|
||||
--scrape-example-code-line-highlight: rgb(91, 59, 1);
|
||||
--scrape-example-code-line-highlight-focus: rgb(124, 75, 15);
|
||||
--scrape-example-help-border-color: #aaa;
|
||||
--scrape-example-help-color: #eee;
|
||||
--scrape-example-help-hover-border-color: #fff;
|
||||
--scrape-example-help-hover-color: #fff;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
|
|
@ -200,14 +204,6 @@ above the `@media (max-width: 700px)` rules due to a bug in the css checker */
|
|||
color: #ffb44c;
|
||||
}
|
||||
|
||||
.scraped-example-list .scrape-help {
|
||||
border-color: #aaa;
|
||||
color: #eee;
|
||||
}
|
||||
.scraped-example-list .scrape-help:hover {
|
||||
border-color: white;
|
||||
color: white;
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,6 +88,10 @@
|
|||
--scrape-example-toggle-line-hover-background: #c5c5c5;
|
||||
--scrape-example-code-line-highlight: rgb(91, 59, 1);
|
||||
--scrape-example-code-line-highlight-focus: rgb(124, 75, 15);
|
||||
--scrape-example-help-border-color: #aaa;
|
||||
--scrape-example-help-color: #eee;
|
||||
--scrape-example-help-hover-border-color: #fff;
|
||||
--scrape-example-help-hover-color: #fff;
|
||||
}
|
||||
|
||||
#search-tabs > button:not(.selected) {
|
||||
|
|
@ -100,14 +104,6 @@
|
|||
background-color: #353535;
|
||||
}
|
||||
|
||||
.scraped-example-list .scrape-help {
|
||||
border-color: #aaa;
|
||||
color: #eee;
|
||||
}
|
||||
.scraped-example-list .scrape-help:hover {
|
||||
border-color: white;
|
||||
color: white;
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -85,6 +85,10 @@
|
|||
--scrape-example-toggle-line-hover-background: #999;
|
||||
--scrape-example-code-line-highlight: #fcffd6;
|
||||
--scrape-example-code-line-highlight-focus: #f6fdb0;
|
||||
--scrape-example-help-border-color: #555;
|
||||
--scrape-example-help-color: #333;
|
||||
--scrape-example-help-hover-border-color: #000;
|
||||
--scrape-example-help-hover-color: #000;
|
||||
}
|
||||
|
||||
#search-tabs > button:not(.selected) {
|
||||
|
|
@ -97,14 +101,6 @@
|
|||
border-top-color: #0089ff;
|
||||
}
|
||||
|
||||
.scraped-example-list .scrape-help {
|
||||
border-color: #555;
|
||||
color: #333;
|
||||
}
|
||||
.scraped-example-list .scrape-help:hover {
|
||||
border-color: black;
|
||||
color: black;
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue