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

footer - dynamize infos

Browse source
This commit is contained in:
isUnknown 2024-07-31 18:29:16 +02:00
parent 9efeb72f68
commit 3008e231cb
6 changed files with 58 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

29
assets/css/src/footer.css
View file

@ -1,9 +1,36 @@
.main-footer {
--padding-vertical: var(--space-m);
background-color: var(--color-yellow-fluo);
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: 0.5fr 1fr 1fr 1fr;
column-gap: calc(var(--space-m));
}
.main-footer p {
margin-bottom: 1rem;
}
.main-footer .social-icons {
display: flex;
column-gap: 1.15rem;
margin-bottom: 2rem;
}
.main-footer form input {
width: 100%;
border-bottom: var(--border);
padding-bottom: 0.5rem;
}
.main-footer form input::after {
content: "→";
}
.main-footer .social-icons a svg {
transform: scale(1);
transition: transform 0.2s ease-in-out;
}
.main-footer .social-icons a:hover svg {
transform: scale(1.15);
}