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

styling

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2022-02-19 09:48:39 +01:00
parent 0dd91cb23a
commit 887a590f7e
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
2 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
engine/dev.sh
View file

@ -23,4 +23,4 @@ pipeblue() {while read line; do blue $line; done}
tee >(lorri watch | sed 's/^/[lorri] /' | pipegreen ) \
>(./engine/serve.sh | sed 's/^/[http] /' | pipeyellow) \
>(./engine/auto-build.sh | sed 's/^/[make] /' | pipeblue) \
>(sleep 1 && open 'http://127.0.0.1:3000')
>(sleep 1 && open 'http://127.0.0.1:3077')

24
src/css/y.css
View file

@ -1,15 +1,17 @@
html {
font-family: Georgia, serif;
font-size: 18px;
line-height: calc(1ex/0.25);
line-height: calc(1ex/0.32);
}
#TOC {text-align: left;}
html,body { margin: 0; padding: 0; border: 0; }
.main { min-height: calc(100vh - 1em); }
h1,h2,h3,h4,h5,h6 {
font-family: Courier, monospace;
line-height: calc(1ex/0.42);
margin: calc(1ex/0.42) 0; }
#preamble h1 { margin: 0; }
margin: calc(1ex/0.42) 0;
font-size: 1.5em;
padding: 1em 0; }
p { text-align: justify; hyphens: auto; }
pre { overflow-x: scroll; padding: 1em; border-left: dotted 1px; }
pre > code { background: none; font-size: 0.875em; padding: 0; }
@ -44,6 +46,8 @@ sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
padding: 0.1em 0.5em;
border-radius: 3px;
}
sub { top: 0.4em; }
.footdef > sup { vertical-align: top; font-size: medium; }
@ -83,7 +87,8 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
--g: #879a00;
--bg: #fff;
--fg: #000;
--fg: hsl(218,20%,35%);
--hl: #000;
--gr: hsl(218,20%,95%);
}
@ -104,20 +109,23 @@ img:hover,svg:hover { filter: none; }
--g: #939452;
--bg: hsl(218,20%,12%);
--fg: hsl(218,20%,70%);
--hl: hsl(218,10%,93%);
--gr: hsl(218,20%,20%);
}
img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
img:hover { filter: brightness(0.7); }
strong, b, i, emph, a:hover { color: hsl(218,50%,90%); }
strong, b, i, emph, a:hover { color: ; }
}
pre,code { background: var(--gr); }
strong, b, i, emph, a:hover, h1, h2, h3, h4, h5, h6 { color: var(--hl); }
pre,code,sup,sub { background: var(--gr); }
a > sup:hover, a > sub:hover { background: var(--o); color: white; }
body, body > div {
background: var(--bg);
color: var(--fg);
}
a { color: var(--b); }
a:visited { color: var(--v); }
a { color: var(--hl); }
a:visited { color: var(--fg); }
a:hover { color: var(--o); }
/* ---- SYNTAX HIGHLIGHTING ---- */
.ex { color:var(--v); }