summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Swithinbank2023-06-04 21:03:51 +0200
committerChris Swithinbank2023-06-04 21:03:51 +0200
commit81ef58eac2a53672773d7d564068539190960127 (patch)
treeee5e000b78a20a0d4c357b4365da0915bf762f01
parent870cacd8edd577a07030843472ff45fda35d9152 (diff)
downloadIT.starlight-81ef58eac2a53672773d7d564068539190960127.tar.gz
IT.starlight-81ef58eac2a53672773d7d564068539190960127.tar.bz2
IT.starlight-81ef58eac2a53672773d7d564068539190960127.zip
Tweak header padding on narrow viewports
-rw-r--r--.changeset/slow-vans-notice.md5
-rw-r--r--packages/starlight/style/props.css3
2 files changed, 7 insertions, 1 deletions
diff --git a/.changeset/slow-vans-notice.md b/.changeset/slow-vans-notice.md
new file mode 100644
index 00000000..18fd1dac
--- /dev/null
+++ b/.changeset/slow-vans-notice.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Design tweak: slightly less horizontal padding in header component on narrower viewports
diff --git a/packages/starlight/style/props.css b/packages/starlight/style/props.css
index 07553de2..a8f95cb1 100644
--- a/packages/starlight/style/props.css
+++ b/packages/starlight/style/props.css
@@ -93,7 +93,7 @@
/** Key layout values */
--sl-nav-height: 3.5rem;
- --sl-nav-pad-x: 1.5rem;
+ --sl-nav-pad-x: 1rem;
--sl-nav-pad-y: 0.75rem;
--sl-title-min-width: 10rem;
--sl-mobile-toc-height: 3rem;
@@ -168,6 +168,7 @@
@media (min-width: 50em) {
:root {
--sl-nav-height: 4rem;
+ --sl-nav-pad-x: 1.5rem;
--sl-text-h1: var(--sl-text-5xl);
--sl-text-h2: var(--sl-text-4xl);
--sl-text-h3: var(--sl-text-3xl);