mirror of
https://github.com/rust-lang/rust.git
synced 2024-11-22 06:44:35 +00:00
Migrate scraped-examples top and bottom "borders" to CSS variables
This commit is contained in:
parent
56ee85274e
commit
397e4b13f9
@ -1907,9 +1907,15 @@ in storage.js
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper:before {
|
||||
top: 0;
|
||||
background: linear-gradient(to bottom,
|
||||
var(--scrape-example-code-wrapper-background-start),
|
||||
var(--scrape-example-code-wrapper-background-end));
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper:after {
|
||||
bottom: 0;
|
||||
background: linear-gradient(to top,
|
||||
var(--scrape-example-code-wrapper-background-start),
|
||||
var(--scrape-example-code-wrapper-background-end));
|
||||
}
|
||||
|
||||
.scraped-example .code-wrapper .example-wrap {
|
||||
|
@ -97,6 +97,8 @@ Original by Dempfi (https://github.com/dempfi/ayu)
|
||||
--scrape-example-help-color: #eee;
|
||||
--scrape-example-help-hover-border-color: #fff;
|
||||
--scrape-example-help-hover-color: #fff;
|
||||
--scrape-example-code-wrapper-background-start: rgba(15, 20, 25, 1);
|
||||
--scrape-example-code-wrapper-background-end: rgba(15, 20, 25, 0);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
@ -203,10 +205,3 @@ above the `@media (max-width: 700px)` rules due to a bug in the css checker */
|
||||
#source-sidebar div.files > a.selected {
|
||||
color: #ffb44c;
|
||||
}
|
||||
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::after {
|
||||
background: linear-gradient(to top, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
|
||||
}
|
||||
|
@ -92,6 +92,8 @@
|
||||
--scrape-example-help-color: #eee;
|
||||
--scrape-example-help-hover-border-color: #fff;
|
||||
--scrape-example-help-hover-color: #fff;
|
||||
--scrape-example-code-wrapper-background-start: rgba(53, 53, 53, 1);
|
||||
--scrape-example-code-wrapper-background-end: rgba(53, 53, 53, 0);
|
||||
}
|
||||
|
||||
#search-tabs > button:not(.selected) {
|
||||
@ -103,10 +105,3 @@
|
||||
border-top-color: #0089ff;
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::after {
|
||||
background: linear-gradient(to top, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
|
||||
}
|
||||
|
@ -89,6 +89,8 @@
|
||||
--scrape-example-help-color: #333;
|
||||
--scrape-example-help-hover-border-color: #000;
|
||||
--scrape-example-help-hover-color: #000;
|
||||
--scrape-example-code-wrapper-background-start: rgba(255, 255, 255, 1);
|
||||
--scrape-example-code-wrapper-background-end: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
#search-tabs > button:not(.selected) {
|
||||
@ -100,10 +102,3 @@
|
||||
background-color: #ffffff;
|
||||
border-top-color: #0089ff;
|
||||
}
|
||||
|
||||
.scraped-example:not(.expanded) .code-wrapper::before {
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
||||
}
|
||||
.scraped-example:not(.expanded) .code-wrapper::after {
|
||||
background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user