From afe813051b35fd811ffba95030a75b5354341ca8 Mon Sep 17 00:00:00 2001 From: Fons van der Plas Date: Sun, 21 Jan 2024 11:31:38 +0100 Subject: [PATCH] CSS typography tweaks --- src/assets/styles/index.css | 9 +++------ src/assets/styles/layout.css | 2 +- src/assets/styles/welcome.css | 9 +++------ 3 files changed, 7 insertions(+), 13 deletions(-) diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css index 5636eb6..8d6d43d 100644 --- a/src/assets/styles/index.css +++ b/src/assets/styles/index.css @@ -9,7 +9,7 @@ /* default to border-box */ html { box-sizing: border-box; - font-size: 16px; + font-size: 17px; } *, @@ -19,8 +19,8 @@ html { } :root { - --system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol", system-ui, sans-serif; + --system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", + system-ui, sans-serif; --system-fonts-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* adjust typography defaults */ @@ -28,9 +28,6 @@ body { font-family: var(--system-fonts); margin: 0; padding: 0; - /* font-family: Noto; */ - /* font-family: sans-serif; */ - /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; */ width: 100vw; overflow-x: hidden; background: hsl(235deg 19% 16%); diff --git a/src/assets/styles/layout.css b/src/assets/styles/layout.css index 1f8bbc5..c554b89 100644 --- a/src/assets/styles/layout.css +++ b/src/assets/styles/layout.css @@ -1,5 +1,5 @@ body { - font-size: 16px; + font-size: 17px; } /* COLOR */ diff --git a/src/assets/styles/welcome.css b/src/assets/styles/welcome.css index 2c61e1c..80d98e1 100644 --- a/src/assets/styles/welcome.css +++ b/src/assets/styles/welcome.css @@ -1,7 +1,7 @@ /* default to border-box */ html { box-sizing: border-box; - font-size: 16px; + font-size: 17px; } *, @@ -11,8 +11,8 @@ html { } :root { - --system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol", system-ui, sans-serif; + --system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", + system-ui, sans-serif; --system-fonts-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* adjust typography defaults */ @@ -20,9 +20,6 @@ body { font-family: var(--system-fonts); margin: 0; padding: 0; - /* font-family: Noto; */ - /* font-family: sans-serif; */ - /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; */ line-height: 1.5; width: 100vw; overflow-x: hidden;