lab/website-components
1
Fork 0
Code Activity

Add spacing to sidebar demo

Browse source
This commit is contained in:
Jake Howard 2024-08-15 08:49:16 +01:00
parent 4e55653564
commit 1ca299fe18
Signed by: jake
GPG key ID: 57AFB45680EDD477
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/sidebar/index.scss
View file

@ -60,10 +60,10 @@ main {
.content-wrapper { .content-wrapper {
display: grid; display: grid;
width: $content-width * (1 + $bleed-ratio); width: $content-width * (1 + $bleed-ratio);
max-width: 100vw; max-width: 100%;
grid-template-columns: grid-template-columns:
1fr 1fr
min($content-width, 100vw) min($content-width, 100%)
1fr; 1fr;
& > * { & > * {
@ -99,6 +99,7 @@ main {
main { main {
flex-direction: column-reverse; flex-direction: column-reverse;
align-items: center; align-items: center;
padding: 0 1rem;
} }
.spacer { .spacer {
@ -108,7 +109,8 @@ main {
.sidebar { .sidebar {
flex-basis: unset; flex-basis: unset;
width: $content-width; width: $content-width;
max-width: 100vw; max-width: 100%;
min-width: unset;
.sidebar-inner { .sidebar-inner {
position: unset; position: unset;