Migrate test-arrow to CSS variables
This commit is contained in:
parent
b0f3940c35
commit
ffb28690aa
4 changed files with 18 additions and 30 deletions
|
|
@ -1204,6 +1204,12 @@ a.test-arrow {
|
|||
top: 5px;
|
||||
right: 5px;
|
||||
z-index: 1;
|
||||
color: var(--test-arrow-color);
|
||||
background-color: var(--test-arrow-background-color);
|
||||
}
|
||||
a.test-arrow:hover {
|
||||
color: var(--test-arrow-hover-color);
|
||||
background-color: var(--test-arrow-hover-background-color);
|
||||
}
|
||||
.example-wrap:hover .test-arrow {
|
||||
visibility: visible;
|
||||
|
|
|
|||
|
|
@ -58,6 +58,10 @@ Original by Dempfi (https://github.com/dempfi/ayu)
|
|||
--example-line-numbers-border-color: none;
|
||||
--src-line-numbers-span-color: #5c6773;
|
||||
--src-line-number-highlighted-background-color: rgba(255, 236, 164, 0.06);
|
||||
--test-arrow-color: #788797;
|
||||
--test-arrow-background-color: rgba(57, 175, 215, 0.09);
|
||||
--test-arrow-hover-color: #c5c5c5;
|
||||
--test-arrow-hover-background-color: rgba(57, 175, 215, 0.368);
|
||||
}
|
||||
|
||||
.slider {
|
||||
|
|
@ -171,18 +175,6 @@ details.rustdoc-toggle > summary::before {
|
|||
color: #788797;
|
||||
}
|
||||
|
||||
a.test-arrow {
|
||||
font-size: 100%;
|
||||
color: #788797;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(57, 175, 215, 0.09);
|
||||
}
|
||||
|
||||
a.test-arrow:hover {
|
||||
background-color: rgba(57, 175, 215, 0.368);
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
:target {
|
||||
background: rgba(255, 236, 164, 0.06);
|
||||
border-right: 3px solid rgba(255, 180, 76, 0.85);
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
--example-line-numbers-border-color: #4a4949;
|
||||
--src-line-numbers-span-color: #3b91e2;
|
||||
--src-line-number-highlighted-background-color: #0a042f;
|
||||
--test-arrow-color: #dedede;
|
||||
--test-arrow-background-color: rgba(78, 139, 202, 0.2);
|
||||
--test-arrow-hover-color: #dedede;
|
||||
--test-arrow-hover-background-color: #4e8bca;
|
||||
}
|
||||
|
||||
.slider {
|
||||
|
|
@ -93,15 +97,6 @@ details.rustdoc-toggle > summary::before {
|
|||
filter: invert(69%) sepia(60%) saturate(6613%) hue-rotate(184deg) brightness(100%) contrast(91%);
|
||||
}
|
||||
|
||||
a.test-arrow {
|
||||
color: #dedede;
|
||||
background-color: rgba(78, 139, 202, 0.2);
|
||||
}
|
||||
|
||||
a.test-arrow:hover{
|
||||
background-color: #4e8bca;
|
||||
}
|
||||
|
||||
:target {
|
||||
background-color: #494a3d;
|
||||
border-right: 3px solid #bb7410;
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
--example-line-numbers-border-color: #c7c7c7;
|
||||
--src-line-numbers-span-color: #c67e2d;
|
||||
--src-line-number-highlighted-background-color: #fdffd3;
|
||||
--test-arrow-color: #f5f5f5;
|
||||
--test-arrow-background-color: rgba(78, 139, 202, 0.2);
|
||||
--test-arrow-hover-color: #f5f5f5;
|
||||
--test-arrow-hover-background-color: #4e8bca;
|
||||
}
|
||||
|
||||
.slider {
|
||||
|
|
@ -88,15 +92,6 @@ body.source .example-wrap pre.rust a {
|
|||
filter: invert(44%) sepia(18%) saturate(23%) hue-rotate(317deg) brightness(96%) contrast(93%);
|
||||
}
|
||||
|
||||
a.test-arrow {
|
||||
color: #f5f5f5;
|
||||
background-color: rgba(78, 139, 202, 0.2);
|
||||
}
|
||||
|
||||
a.test-arrow:hover{
|
||||
background-color: #4e8bca;
|
||||
}
|
||||
|
||||
:target {
|
||||
background: #FDFFD3;
|
||||
border-right: 3px solid #AD7C37;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue