lmika/sidebar-for-bayou
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

set small screen breakpoint

Browse source
This commit is contained in:
Leon Mika 2024-03-13 21:42:25 +11:00
parent 8c28ea4884
commit 54fbee05f5
1 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
static/sidebar.css
View file

@ -1,11 +1,13 @@
body:has(div.sidebar) { @media (min-width: 576px) {
max-width: 50em; body:has(div.sidebar) {
} max-width: 50em;
}
div.wrapper:has(div.sidebar) { div.wrapper:has(div.sidebar) {
display: grid; display: grid;
grid-template-columns: 35em 15em; grid-template-columns: minmax(20em,35em) 15em;
column-gap: 60px; column-gap: 60px;
}
} }
div.sidebar { div.sidebar {
@ -13,6 +15,12 @@ div.sidebar {
line-height: 1.8; line-height: 1.8;
} }
@media (max-width: 576px) {
div.sidebar {
display: none;
}
}
div.sidebar header { div.sidebar header {
margin-bottom: 0; margin-bottom: 0;
} }