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

fancy em font
All checks were successful
/ weblog.lol (push) Successful in 9s
Details

Browse source
This commit is contained in:
Gordon Pedersen 2024-05-07 15:30:46 +10:00
parent 9fb2642330
commit 9eb1584386
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,7 +5,7 @@ Title: Stylesheet
Location: /styles.css Location: /styles.css
/**/ /**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); @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://static.omg.lol/type/font-md-io.css'); @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/type/fontawesome-free/css/all.css');
@import url('https://static.omg.lol/profiles/icons/omg.lol-icons.css'); @import url('https://static.omg.lol/profiles/icons/omg.lol-icons.css');
@ -20,6 +20,7 @@ Location: /styles.css
--font-main: 'Rubik', sans-serif, 'Noto Color Emoji'; --font-main: 'Rubik', sans-serif, 'Noto Color Emoji';
--font-head: 'MD IO 0.4', sans-serif, 'Noto Color Emoji'; --font-head: 'MD IO 0.4', sans-serif, 'Noto Color Emoji';
--font-code: 'MD IO 0.4', monospace, 'Noto Color Emoji'; --font-code: 'MD IO 0.4', monospace, 'Noto Color Emoji';
--font-em: 'Courgette', cursive;
--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"); --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) --shadow: 1px 2px 0.5em 1px rgba(17,17,17,0.2)
@ -87,7 +88,11 @@ article p:has(img) {
width: 100%; width: 100%;
} }
em {
font-family: var(--font-em);
font-style: normal;
color: color-mix(in lch, var(--link), var(--foreground));
}
header nav ul { header nav ul {