hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow navbar/footer to grow past container width

Browse Source
This commit is contained in:
daudix
2024-07-07 20:01:41 +03:00
parent 84860ddbdf
commit dc69ae295a
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sass/_footer.scss
View File

@ -4,13 +4,13 @@
text-align: center; text-align: center;
nav { nav {
margin: 0 auto 2rem; display: inline-block;
margin: 0 auto 1rem;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 1.375rem; border-radius: 1.375rem;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.25rem; padding: 0.25rem;
width: fit-content; max-width: 90%;
max-width: min(var(--container-width), 90%);
ul { ul {
display: flex; display: flex;
@ -20,7 +20,6 @@
gap: 0.25rem; gap: 0.25rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: min(calc(var(--container-width) / 1.5), 100%);
li { li {
display: flex; display: flex;
@ -96,7 +95,6 @@
p { p {
margin: 1rem auto; margin: 1rem auto;
max-width: min(var(--container-width) + 10rem, 90%);
} }
.link { .link {

2
sass/_nav.scss
View File

@ -8,7 +8,7 @@
box-shadow: var(--edge-highlight), 0 0.75rem 1.5rem -1rem rgba(0, 0, 0, 0.5); box-shadow: var(--edge-highlight), 0 0.75rem 1.5rem -1rem rgba(0, 0, 0, 0.5);
border-radius: 1.625rem; border-radius: 1.625rem;
background-color: var(--nav-bg); background-color: var(--nav-bg);
max-width: min(var(--container-width), 90%); max-width: 90%;
nav { nav {
padding: 0.5rem; padding: 0.5rem;