summaryrefslogtreecommitdiff
path: root/public/css/variables/typography.css
diff options
context:
space:
mode:
authorJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-22 09:06:27 +0100
committerJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-22 09:06:27 +0100
commit20b7851aca47525955f151fb39ab485abe5bb140 (patch)
tree3e62e5350e34169e02ec9c5f994b017fcb15082a /public/css/variables/typography.css
parent552bb8d624017a4d810e33280e3ae84ab87eed5c (diff)
Relativises stuff to relative rem
Diffstat (limited to 'public/css/variables/typography.css')
-rw-r--r--public/css/variables/typography.css15
1 files changed, 8 insertions, 7 deletions
diff --git a/public/css/variables/typography.css b/public/css/variables/typography.css
index 04802e8..10e3126 100644
--- a/public/css/variables/typography.css
+++ b/public/css/variables/typography.css
@@ -1,11 +1,12 @@
:root {
- --font-size-0: 0.875rem;
- --font-size-1: 1.125rem;
- --font-size-2: 1.500rem;
- --font-size-3: 2.000rem;
- --font-size-4: 2.667rem;
- --font-size-5: 3.375rem;
- --font-size-6: 4.000rem;
+ --font-size-relative-px: 0.067rem;
+ --font-size-0: calc(14 * var(--font-size-relative-px));
+ --font-size-1: calc(18 * var(--font-size-relative-px));
+ --font-size-2: calc(24 * var(--font-size-relative-px));
+ --font-size-3: calc(32 * var(--font-size-relative-px));
+ --font-size-4: calc(40 * var(--font-size-relative-px));
+ --font-size-5: calc(52 * var(--font-size-relative-px));
+ --font-size-6: calc(64 * var(--font-size-relative-px));
--font-serif: Alegreya, 'Goudy Old Style', Garamond, serif;
--font-sans-serif: 'Alegreya Sans', Lato, Calibri, 'sans-serif';