studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nav - finish nav expanded dynamic columns

Browse source
This commit is contained in:
isUnknown 2024-08-27 14:28:25 +02:00
parent 049f11e011
commit 220a6f4ada
6 changed files with 49 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/src/nav.css
View file

@ -2,8 +2,6 @@
.expanded-nav,
.main-nav {
padding: 1rem;
padding-right: var(--space-m);
}
/* Expanded nav */
@ -12,20 +10,27 @@
position: fixed;
width: 100%;
box-sizing: border-box;
top: -20rem;
top: -32rem;
z-index: 2;
background-color: var(--color-brown-light);
display: grid;
grid-template-columns: 1fr 4fr 1fr;
grid-template-columns: 2fr 8fr 1fr;
transition: top 0.5s var(--curve-quick-slow);
padding: 2rem var(--space-m) 2rem 1rem;
border-bottom: var(--border);
}
.expanded-nav.open {
top: 0rem;
}
.expanded-nav__logo-link {
height: fit-content;
}
.expanded-nav__columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 6rem;
}
.expanded-nav .close-btn {
@ -68,6 +73,8 @@
justify-content: space-between;
align-items: center;
border-bottom: var(--border);
padding: 1rem;
padding-right: var(--space-m);
}
.main-nav__right {