From 85675451bcdeaf57d0887305f23731c5837a95a1 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Sun, 27 Aug 2023 18:11:22 +0100 Subject: Better typography, again --- public/css/variables/index.css | 1 + public/css/variables/typography.css | 2 +- public/css/variables/typography.md.css | 9 +++++++++ public/css/variables/typography.xs.css | 14 +++++++------- 4 files changed, 18 insertions(+), 8 deletions(-) create mode 100644 public/css/variables/typography.md.css (limited to 'public/css') diff --git a/public/css/variables/index.css b/public/css/variables/index.css index 3ee5183..844ddba 100644 --- a/public/css/variables/index.css +++ b/public/css/variables/index.css @@ -8,3 +8,4 @@ @import 'spacing.xxl.css' (min-width: 120rem); @import 'typography.css'; @import 'typography.xs.css' (min-width: 16rem); +@import 'typography.md.css' (min-width: 48rem); diff --git a/public/css/variables/typography.css b/public/css/variables/typography.css index d2ea227..fd3452a 100644 --- a/public/css/variables/typography.css +++ b/public/css/variables/typography.css @@ -9,7 +9,7 @@ --font-serif: Alegreya, - Constantia, + Sitka, -apple-system-ui-serif, "Droid Serif", ui-serif, diff --git a/public/css/variables/typography.md.css b/public/css/variables/typography.md.css new file mode 100644 index 0000000..2c36d1d --- /dev/null +++ b/public/css/variables/typography.md.css @@ -0,0 +1,9 @@ +:root { + --font-size-0: calc(7 * var(--relative-eighth-rem)); + --font-size-1: calc(9 * var(--relative-eighth-rem)); + --font-size-2: calc(12 * var(--relative-eighth-rem)); + --font-size-3: calc(16 * var(--relative-eighth-rem)); + --font-size-4: calc(20 * var(--relative-eighth-rem)); + --font-size-5: calc(26 * var(--relative-eighth-rem)); + --font-size-6: calc(32 * var(--relative-eighth-rem)); +} \ No newline at end of file diff --git a/public/css/variables/typography.xs.css b/public/css/variables/typography.xs.css index 2c36d1d..6375aad 100644 --- a/public/css/variables/typography.xs.css +++ b/public/css/variables/typography.xs.css @@ -1,9 +1,9 @@ :root { - --font-size-0: calc(7 * var(--relative-eighth-rem)); - --font-size-1: calc(9 * var(--relative-eighth-rem)); - --font-size-2: calc(12 * var(--relative-eighth-rem)); - --font-size-3: calc(16 * var(--relative-eighth-rem)); - --font-size-4: calc(20 * var(--relative-eighth-rem)); - --font-size-5: calc(26 * var(--relative-eighth-rem)); - --font-size-6: calc(32 * var(--relative-eighth-rem)); + --font-size-0: calc(6 * var(--relative-eighth-rem)); + --font-size-1: calc(8 * var(--relative-eighth-rem)); + --font-size-2: calc(11 * var(--relative-eighth-rem)); + --font-size-3: calc(14 * var(--relative-eighth-rem)); + --font-size-4: calc(18 * var(--relative-eighth-rem)); + --font-size-5: calc(23 * var(--relative-eighth-rem)); + --font-size-6: calc(28 * var(--relative-eighth-rem)); } \ No newline at end of file -- cgit v1.2.3