Mikaela/mikaela.github.io
1
0
Fork 0
mirror of https://github.com/mikaela/mikaela.github.io/ synced 2024-11-22 12:09:28 +01:00
Code Issues Projects Releases Wiki Activity

main.scss: experiment with fonts again

Browse Source
This commit is contained in:
Aminda Suomalainen 2024-06-08 09:26:53 +03:00
parent b5dde24de9
commit 953ce43e30
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/main.scss
View File

@ -5,11 +5,14 @@
@charset "utf-8"; @charset "utf-8";
// Our variables // Our variables
$base-font-family: ui-serif, system-ui, "Liberation Serif", Tinos, $serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
"Times New Roman", serif, emoji; serif, emoji;
//$base-font-family: ui-sans-serif, system-ui, "Liberation Sans", "Arimo", "Arial", sans-serif; $sans-serif-font-family: ui-sans-serif, "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.
$base-font-family: $sans-serif-font-family;
// CSS of used Jekyll theme // CSS of used Jekyll theme
@import "{{ site.theme }}"; @import "{{ site.theme }}";
@ -43,6 +46,10 @@ a {
text-decoration: underline !important; text-decoration: underline !important;
} }
a.site-title {
font-family: $serif-font-family;
}
// .page-content { // .page-content {
// width: 100% !important; // width: 100% !important;
// max-width: 78ch !important; // max-width: 78ch !important;
@ -60,6 +67,16 @@ code {
font-size: 0.8em !important; font-size: 0.8em !important;
} }
// Serif for headings?
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $serif-font-family !important;
}
// Overrides for light themes // Overrides for light themes
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
*:not(a) { *:not(a) {
@ -105,6 +122,7 @@ code {
#bio { #bio {
text-align: center; text-align: center;
font-style: italic; font-style: italic;
font-family: ui-cursive, $serif-font-family;
} }
// _layouts/mini.html calls this for returning to index! // _layouts/mini.html calls this for returning to index!