diff options
| author | Alvin Bryan | 2025-07-10 11:37:57 +0100 |
|---|---|---|
| committer | GitHub | 2025-07-10 12:37:57 +0200 |
| commit | 7680e878fc55eba3fe0cf90e793970d3b72d166a (patch) | |
| tree | 4eedac31069508c0af3ed9abb2920c99c450b1d2 | |
| parent | 5eea9ccbb310ff065585645af9966ed0afd0ee9b (diff) | |
| download | IT.starlight-7680e878fc55eba3fe0cf90e793970d3b72d166a.tar.gz IT.starlight-7680e878fc55eba3fe0cf90e793970d3b72d166a.tar.bz2 IT.starlight-7680e878fc55eba3fe0cf90e793970d3b72d166a.zip | |
Extract main padding to CSS custom property (#3282)
Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
| -rw-r--r-- | .changeset/neat-steaks-cry.md | 5 | ||||
| -rw-r--r-- | packages/starlight/components/Page.astro | 2 | ||||
| -rw-r--r-- | packages/starlight/style/props.css | 1 |
3 files changed, 7 insertions, 1 deletions
diff --git a/.changeset/neat-steaks-cry.md b/.changeset/neat-steaks-cry.md new file mode 100644 index 00000000..8eb1e2e4 --- /dev/null +++ b/.changeset/neat-steaks-cry.md @@ -0,0 +1,5 @@ +--- +"@astrojs/starlight": patch +--- + +Moves padding of `<main>` element to a `--sl-main-pad` CSS custom property to simplify setting custom values diff --git a/packages/starlight/components/Page.astro b/packages/starlight/components/Page.astro index 7edf4217..ac8ffbeb 100644 --- a/packages/starlight/components/Page.astro +++ b/packages/starlight/components/Page.astro @@ -63,7 +63,7 @@ if (pagefindEnabled) mainDataAttributes['data-pagefind-body'] = ''; scroll-padding-top: calc(1.5rem + var(--sl-nav-height) + var(--sl-mobile-toc-height)); } main { - padding-bottom: 3vh; + padding: var(--sl-main-pad); } @media (min-width: 50em) { [data-has-sidebar] { diff --git a/packages/starlight/style/props.css b/packages/starlight/style/props.css index 83eafa9b..ab2fcef9 100644 --- a/packages/starlight/style/props.css +++ b/packages/starlight/style/props.css @@ -101,6 +101,7 @@ --sl-sidebar-pad-x: 1rem; --sl-content-width: 45rem; --sl-content-pad-x: 1rem; + --sl-main-pad: 0 0 3vh 0; --sl-menu-button-size: 2rem; --sl-nav-gap: var(--sl-content-pad-x); /* Offset required to show outline inside an element instead of round the outside */ |