Fix incorrect documentation TOC background by removing extra dark mode styles.
Merge pull request #52 from diivi/fix/remove-special-dark-mode-attributes
This commit is contained in:
commit
a7c055264d
4 changed files with 0 additions and 70 deletions
|
@ -63,11 +63,6 @@
|
||||||
top: -2px;
|
top: -2px;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.inlinelist .inlinelist-item code:before {
|
|
||||||
border-left-color: rgba(0,0,0,.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
a.buzzword {
|
a.buzzword {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
@ -91,26 +86,9 @@ a.buzzword {
|
||||||
.buzzword {
|
.buzzword {
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.buzzword-list li,
|
|
||||||
.buzzword {
|
|
||||||
background-color: #080808;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inlinelist .inlinelist-item {
|
.inlinelist .inlinelist-item {
|
||||||
background-color: #e9e9e9;
|
background-color: #e9e9e9;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.inlinelist .inlinelist-item {
|
|
||||||
background-color: #000;
|
|
||||||
}
|
|
||||||
.inlinelist .inlinelist-item a {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.inlinelist .inlinelist-item code {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inlinelist .inlinelist-item:hover,
|
.inlinelist .inlinelist-item:hover,
|
||||||
.inlinelist .inlinelist-item:focus,
|
.inlinelist .inlinelist-item:focus,
|
||||||
.buzzword-list li:hover,
|
.buzzword-list li:hover,
|
||||||
|
@ -217,12 +195,6 @@ main p a.buzzword {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.numberflag {
|
|
||||||
background-color: #00bcd4;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 .numberflag,
|
h1 .numberflag,
|
||||||
h2 .numberflag,
|
h2 .numberflag,
|
||||||
h3 .numberflag,
|
h3 .numberflag,
|
||||||
|
@ -244,11 +216,6 @@ h2 .numberflag:after {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: calc(100% + 0.4em); /* 16px /40 */
|
width: calc(100% + 0.4em); /* 16px /40 */
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
h2 .numberflag:after {
|
|
||||||
background-color: #222;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Super featured list on home page */
|
/* Super featured list on home page */
|
||||||
.list-superfeatured .avatar {
|
.list-superfeatured .avatar {
|
||||||
|
|
|
@ -12,16 +12,6 @@
|
||||||
line-height: 1.285714285714; /* 18px /14 */
|
line-height: 1.285714285714; /* 18px /14 */
|
||||||
font-family: system-ui, -apple-system, sans-serif;
|
font-family: system-ui, -apple-system, sans-serif;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.minilink {
|
|
||||||
background-color: #222;
|
|
||||||
/*
|
|
||||||
!important to override .elv-callout a
|
|
||||||
see _includes/components/callout.css
|
|
||||||
*/
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
table .minilink {
|
table .minilink {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
@ -32,12 +22,6 @@ table .minilink {
|
||||||
.minilink[href]:focus {
|
.minilink[href]:focus {
|
||||||
background-color: #bbb;
|
background-color: #bbb;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.minilink[href]:hover,
|
|
||||||
.minilink[href]:focus {
|
|
||||||
background-color: #444;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
pre + .minilink {
|
pre + .minilink {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
|
border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
|
||||||
|
@ -74,11 +58,6 @@ h4 .minilink {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
|
box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.minilink-addedin {
|
|
||||||
box-shadow: 0 0 0 1px rgba(255,255,255,0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.minilink-addedin:not(:first-child) {
|
.minilink-addedin:not(:first-child) {
|
||||||
margin-left: .5em;
|
margin-left: .5em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -79,22 +79,11 @@
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
margin-bottom: 0.25em; /* 4px /16 */
|
margin-bottom: 0.25em; /* 4px /16 */
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.elv-toc-list > li > a {
|
|
||||||
color: #fff;
|
|
||||||
border-color: #444;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Active links */
|
/* Active links */
|
||||||
.elv-toc-list li.elv-toc-active > a {
|
.elv-toc-list li.elv-toc-active > a {
|
||||||
background-color: #dff7ff;
|
background-color: #dff7ff;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.elv-toc-list li.elv-toc-active > a {
|
|
||||||
background-color: #353535;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.elv-toc-list ul .elv-toc-active > a:after {
|
.elv-toc-list ul .elv-toc-active > a:after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
|
@ -285,11 +285,6 @@ footer.elv-layout {
|
||||||
.elv-hero {
|
.elv-hero {
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.elv-hero {
|
|
||||||
background-color: #292929;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.elv-hero img,
|
.elv-hero img,
|
||||||
.elv-hero svg {
|
.elv-hero svg {
|
||||||
width: 42.95774646vh;
|
width: 42.95774646vh;
|
||||||
|
|
Loading…
Reference in a new issue