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

system font advice + colors

This commit is contained in:
Yann Esposito (Yogsototh) 2022-06-19 18:09:41 +02:00
parent 1163f5352b
commit 2f610f2b20
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/css/y.css
View File

@ -1,21 +1,19 @@
html {
font-family: monospace;
font-size: large;
line-height: auto;
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
font-size: normal;
line-height: 1.5;
}
#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;
font-size: 1.5em;
padding: 1em 0; }
margin: 1rem 0; }
#preamble > .content > h1 { margin: 0 0 1rem 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; }
code,pre { font-family: Menlo, Monaco, monospace; font-size: 0.825em; }
code,pre { font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; font-size: 0.825em; }
code { padding: 1px 3px; }
figure { margin: 1rem 0; padding: 0; }
hr { opacity: 0.3; }
@ -25,7 +23,8 @@ hr { opacity: 0.3; }
.notes { border: dotted 1px; padding: 1em 2em;}
.abstract { font-style: italic; }
.post-title { display: inline-block; min-width: 18em; }
.post-title > a { display: inline-block; padding: 0.5em 0; }
.post-title > a { display: inline-block; padding: 0.5em; min-width: 100%; }
#logo { display: block;
vertical-align: middle;
text-align: center;
@ -72,11 +71,16 @@ nav { text-align: center; padding: 1em 0; }
pre { line-height: 1em; }
figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
#table-of-contents { text-align: left; }
#toc { font-size: 0.875em; padding: 1rem; }
#toc ul { padding-left: 2em; }
#toc, blockquote, pre.example, .line-block { margin: 1rem; padding: 1rem; border-left: solid var(--gr); }
#toc { font-size: 0.875em; }
#toc ul { padding-left: 2rem; }
#toc, blockquote, pre.example, .line-block { margin: 0 1rem; padding: 0 1rem; border-left: solid var(--gr); }
.pubDate { display: inline-block; width: 7em; font-size: .825em; opacity: 0.4; }
/* Fonts; https://systemfontstack.com */
.sans { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; }
.serif { font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
.mono { font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; }
/* COLORS */
/* colortheme switch */
:root {
@ -90,7 +94,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
--g: #879a00;
--bg: #fff;
--fg: hsl(218,20%,35%);
--fg: hsl(218,20%,15%);
--hl: #000;
--soft: hsl(218,20%,85%);
--gr: hsl(218,20%,95%);