feat(Style): change layout to allow navbar to expand the whole width
This commit is contained in:
parent
d7a9817514
commit
8f36d1cd02
3 changed files with 20 additions and 10 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue