feat(Style): change layout to allow navbar to expand the whole width

This commit is contained in:
Alexander Navarro 2024-03-15 10:12:50 -03:00
parent d7a9817514
commit 8f36d1cd02
3 changed files with 20 additions and 10 deletions

View file

@ -13,7 +13,7 @@ html {
font-size: calc(15px + 0.390625vw);
}
body {
body > main {
max-width: 95vw; /* leave some space in the end by default */
margin: auto;
padding: 15px 0;
@ -27,7 +27,7 @@ section:not(.clean) {
border-radius: var(--prj-border-radius);
}
section:not(:first-child) {
section:not(:first-of-type) {
margin-top: var(--prj-spacing-4);
}
@ -70,10 +70,19 @@ p:last-child {
margin-bottom: 0;
}
.container {
max-width: 100%;
}
/* Main content fix width, taken from Tailwind: https://tailwindcss.com/docs/container#using-the-container */
@each $name, $size in $screen-sizes {
@media screen and (min-width: $size) {
body {
body > main {
max-width: $size;
}
.container {
margin: auto;
max-width: $size;
}
}