diff options
Diffstat (limited to 'public')
| -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 |