diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-27 18:11:22 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-27 18:11:22 +0100 |
| commit | 85675451bcdeaf57d0887305f23731c5837a95a1 (patch) | |
| tree | c9899c660516dd6d587f7a804a48948cbe0f2dc8 /public/css | |
| parent | e8db0811d7e6808c2995f56bd77b76e4aeb95137 (diff) | |
Better typography, again
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/variables/index.css | 1 | ||||
| -rw-r--r-- | public/css/variables/typography.css | 2 | ||||
| -rw-r--r-- | public/css/variables/typography.md.css | 9 | ||||
| -rw-r--r-- | public/css/variables/typography.xs.css | 14 |
4 files changed, 18 insertions, 8 deletions
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 |