yogsototh/her.esy.fun
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

still use background for pre/code

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2021-05-24 15:54:47 +02:00
parent 1dd8138466
commit d939ae3f33
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/css/y.css
View file

@ -10,7 +10,7 @@ h1,h2,h3,h4,h5,h6 {
margin: calc(1ex/0.42) 0; } margin: calc(1ex/0.42) 0; }
#preamble h1 { margin: 0; } #preamble h1 { margin: 0; }
p { text-align: justify; hyphens: auto; } p { text-align: justify; hyphens: auto; }
pre { overflow-x: scroll; padding-left: 1em; border-left: dotted 1px; } pre { overflow-x: scroll; padding: 1em; border-left: dotted 1px; }
pre > code { background: none; font-size: 0.875em; padding: 0; } pre > code { background: none; font-size: 0.875em; padding: 0; }
code,pre { font-family: Menlo, Monaco, monospace; font-size: 0.825em; } code,pre { font-family: Menlo, Monaco, monospace; font-size: 0.825em; }
code { padding: 1px 3px; } code { padding: 1px 3px; }
@ -82,6 +82,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
--bg: #fff; --bg: #fff;
--fg: #000; --fg: #000;
--gr: hsl(218,20%,95%);
} }
img { filter: brightness(0.8) sepia(100%) hue-rotate(185deg) saturate(0.5); } img { filter: brightness(0.8) sepia(100%) hue-rotate(185deg) saturate(0.5); }
@ -101,11 +102,13 @@ img:hover { filter: none; }
--g: #939452; --g: #939452;
--bg: hsl(218,20%,16%); --bg: hsl(218,20%,16%);
--fg: hsl(218,20%,70%); --fg: hsl(218,20%,70%);
--gr: hsl(218,20%,20%);
} }
img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); } img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
img:hover { filter: brightness(0.7); } img:hover { filter: brightness(0.7); }
} }
pre,code { background: var(--gr); }
body, body > div { body, body > div {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);