death.au/deathau.weblog.lol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed heading font
All checks were successful
/ weblog.lol (push) Successful in 13s
Details

Browse source
This commit is contained in:
Gordon Pedersen 2024-05-08 15:43:47 +10:00
parent 6a4c44ce00
commit 484316344d
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
weblog/B0. Template/styles.css.md
View file

@ -5,7 +5,7 @@ Title: Stylesheet
Location: /styles.css
/**/
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@100..900&family=Courgette&family=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://static.omg.lol/type/font-md-io.css');
@import url('https://static.omg.lol/type/fontawesome-free/css/all.css');
@import url('https://static.omg.lol/profiles/icons/omg.lol-icons.css');
@ -18,10 +18,15 @@ Location: /styles.css
--accent: #845e9e;
--font-main: 'Rubik', sans-serif, 'Noto Color Emoji';
--font-head: 'MD IO 0.4', sans-serif, 'Noto Color Emoji';
--font-head: 'Grenze Gotisch', sans-serif, 'Noto Color Emoji';
--font-code: 'MD IO 0.4', monospace, 'Noto Color Emoji';
--font-em: 'Courgette', cursive;
--font-main-weight: 400;
--font-head-weight: 400;
--font-code-weight: 400;
--font-em-weight: 400;
--paper-texture-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.4' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeDropShadow dx='0' dy='0' flood-color='%23888' flood-opacity='.5' stdDeviation='1'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
--shadow: 1px 2px 0.5em 1px rgba(17,17,17,0.2)
}
@ -41,6 +46,7 @@ Location: /styles.css
body {
font-family: var(--font-main);
font-weight: var(--font-main-weight);
font-optical-sizing: auto;
font-size: 120%;
color: var(--foreground);
@ -94,6 +100,7 @@ article p:has(img) {
em {
font-family: var(--font-em);
font-weight: var(--font-em-weight);
font-style: normal;
color: color-mix(in lch, var(--link), var(--foreground));
}
@ -108,8 +115,17 @@ iframe {
font-size: smaller;
color: var(--accent);
font-family: var(--font-em);
font-weight: var(--font-em-weight);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-head);
font-weight: var(--font-head-weight);
margin: 1rem 0;
}
@ -129,11 +145,6 @@ header nav li a {
margin-right: 1em;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-head);
margin: 1rem 0;
}
p, li {
line-height: 160%;
}
@ -185,6 +196,7 @@ code {
pre, code {
font-family: var(--font-code);
font-weight: var(--font-code-weight);
font-size: 90%;
}