Mikaela/mikaela.github.io
1
0
Fork 0
mirror of https://github.com/mikaela/mikaela.github.io/ synced 2024-11-19 10:29:23 +01:00
Code Issues Projects Releases Wiki Activity

main.scss: add comments explaining my font decisions

Browse Source
This commit is contained in:
Aminda Suomalainen 2024-06-08 12:59:15 +03:00
parent d1ba945ee8
commit c279e2b51a
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/main.scss
View File

@ -7,8 +7,12 @@
// Our variables // Our variables
$serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman", $serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
serif, emoji; serif, emoji;
$sans-serif-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", // The second font, system-ui, may map to serif or something else entirely
sans-serif; // instead of sans-serif, but it's less of an issue than the others
// considering how serifs have distinguishable homoglyphs (I and l or O and 0
// etc.)
$sans-serif-font-family: ui-sans-serif, system-ui, "Liberation Sans", "Arimo",
"Arial", sans-serif;
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New", $monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
monospace, emoji; monospace, emoji;
// Must be in the end or undefined error. // Must be in the end or undefined error.
@ -42,14 +46,16 @@ $base-font-family: $sans-serif-font-family;
font-variant-emoji: text; font-variant-emoji: text;
} }
// E.g. blesmrt.net vs bIesmrt.net
a { a {
text-decoration: underline !important; text-decoration: underline !important;
font-family: $serif-font-family; font-family: $serif-font-family;
} }
a.site-title { // Extraneous considering the above.
font-family: $serif-font-family; //a.site-title {
} // font-family: $serif-font-family;
//}
// .page-content { // .page-content {
// width: 100% !important; // width: 100% !important;
@ -68,7 +74,8 @@ code {
font-size: 0.8em !important; font-size: 0.8em !important;
} }
// Serif for headings? // Serif for headings to constrast with everything else being sans-serif
// (except links).
h1, h1,
h2, h2,
h3, h3,