eryn/hugo-theme-termlite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Typography: Scale the font size according to screen size

Browse source 
Use viewport width units to scale the font size between 100% and 125%.
This commit is contained in:
Eryn Wells 2024-07-25 09:56:26 -07:00
parent 1ffbee8850
commit 1fd1eb9bfd
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/010_typography.css
View file

@ -25,7 +25,7 @@
--font-family-body: var(--font-family-sans);
--font-family-heading: var(--font-family-monospace);
--text-base-size: 125%;
--text-base-size: clamp(100%, 3vw, 125%);
--text-base: {{ $base }}{{ $unit }};
{{ range $scale -}}
--text-{{ .Name }}: calc(var(--text-base) * pow({{ $factor }}, {{ .Value }}));