From acc002f59991c1794242647dbf03d96b65df98a6 Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Mon, 28 Oct 2024 07:43:16 -0400 Subject: [PATCH 1/3] shrink font size when georgia is used --- packages/site-kit/src/lib/styles/tokens.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css index 206de0470b..7345980f56 100644 --- a/packages/site-kit/src/lib/styles/tokens.css +++ b/packages/site-kit/src/lib/styles/tokens.css @@ -32,8 +32,8 @@ --sk-font-size-h1: 3.6rem; --sk-font-size-h2: 3rem; --sk-font-size-h3: 2.4rem; - --sk-font-size-body: 2rem; - --sk-font-size-body-small: 1.8rem; + --sk-font-size-body: 1.8rem; + --sk-font-size-body-small: 1.6rem; --sk-font-size-ui-small: 1.3rem; --sk-font-size-ui-medium: 1.6rem; --sk-font-size-ui-large: 3rem; From a23e894154641f1bd2e6f7cc54b11a95ca98ec83 Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Mon, 28 Oct 2024 21:42:31 -0400 Subject: [PATCH 2/3] use line-height: 1.5 across the board --- packages/site-kit/src/lib/styles/tokens.css | 23 ++++++++++----------- 1 file changed, 11 insertions(+), 12 deletions(-) diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css index 7345980f56..1980ac5c1f 100644 --- a/packages/site-kit/src/lib/styles/tokens.css +++ b/packages/site-kit/src/lib/styles/tokens.css @@ -39,7 +39,7 @@ --sk-font-size-ui-large: 3rem; --sk-font-size-mono: 1.4rem; - --sk-line-height-body: 1.7; + --sk-line-height-body: 1.5; --sk-font-h1: 500 var(--sk-font-size-h1) / 1.2 var(--sk-font-family-heading); --sk-font-h2: 500 var(--sk-font-size-h2) / 1.2 var(--sk-font-family-heading); @@ -125,7 +125,16 @@ --sk-font-family-body: 'EB Garamond', Georgia, serif; --sk-font-size-body: 2.2rem; --sk-font-size-body-small: 2rem; - --sk-line-height-body: 1.5; + } + + &.font-boring { + --sk-font-family-body: 'Atkinson Hyperlegible', sans-serif; + --sk-font-size-body: 2rem; + --sk-font-size-body-small: 1.8rem; + + p code { + font-size: 0.75em; + } } &.dark { @@ -176,16 +185,6 @@ --sk-raised-hover-color: var(--sk-back-6) var(--sk-back-3) var(--sk-back-3) var(--sk-back-6); --sk-raised-active-color: var(--sk-back-3) var(--sk-back-6) var(--sk-back-6) var(--sk-back-3); } - - &.font-boring { - --sk-font-family-body: 'Atkinson Hyperlegible', sans-serif; - --sk-font-size-body: 2rem; - --sk-font-size-body-small: 1.8rem; - - p code { - font-size: 0.75em; - } - } } @media screen and (min-width: 480px) { From 392d9950ee40bfbf20492bc1f23b8771a8b6ac1e Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Mon, 28 Oct 2024 21:44:32 -0400 Subject: [PATCH 3/3] shave a pixel off sans font size --- packages/site-kit/src/lib/styles/tokens.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css index 1980ac5c1f..4cb3c8cbf2 100644 --- a/packages/site-kit/src/lib/styles/tokens.css +++ b/packages/site-kit/src/lib/styles/tokens.css @@ -129,8 +129,8 @@ &.font-boring { --sk-font-family-body: 'Atkinson Hyperlegible', sans-serif; - --sk-font-size-body: 2rem; - --sk-font-size-body-small: 1.8rem; + --sk-font-size-body: 1.9rem; + --sk-font-size-body-small: 1.7rem; p code { font-size: 0.75em;