asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Added footnote's dark-mode color.

Browse source
This commit is contained in:
Cotes Chung 2020-02-13 22:55:15 +08:00
parent f3a9b4b293
commit 44aba76849
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/css/_dark/dark-main.scss
View file

@ -45,6 +45,7 @@
--tag-hover: rgb(43, 56, 62);
--tb-odd-bg: rgba(52, 53, 42, 0.52); /* odd rows of the posts' table */
--tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
--footnote-target-bg: rgb(63, 81, 181);
hr {
border-color: var(--main-border);

6
assets/css/main.scss
View file

@ -649,7 +649,7 @@ h2, h3, h4, sup {
}
.footnotes ol>li:target>p {
background-color: lightcyan;
background-color: var(--footnote-target-bg, lightcyan);
width: fit-content;
-webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
transition: background-color 1.5s ease-in-out;
@ -657,14 +657,14 @@ h2, h3, h4, sup {
a.footnote {
margin: 0 .2em;
border-bottom-style: none !important;
-webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */
transition: background-color 1.5s ease-in-out;
}
sup:target>a.footnote {
background-color: lightcyan;
background-color: var(--footnote-target-bg, lightcyan);
padding: 0 2px;
outline: thin dotted;
}
a.reversefootnote {