styling
This commit is contained in:
parent
0dd91cb23a
commit
887a590f7e
2 changed files with 17 additions and 9 deletions
|
@ -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')
|
||||
|
|
|
@ -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); }
|
||||
|
|
Loading…
Reference in a new issue