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

footer - style and add tommy milliot mention

Browse source
This commit is contained in:
isUnknown 2024-09-19 12:08:56 +02:00
parent 43771c082b
commit 719b4998b0
3 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,10 +2,17 @@
--padding-vertical: var(--space-m); --padding-vertical: var(--space-m);
background-color: var(--color-brown); background-color: var(--color-brown);
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 1fr 1fr; grid-template-columns: 0.9fr 1fr 1fr 0.9fr;
column-gap: calc(var(--space-m)); column-gap: calc(var(--space-m));
border-top: var(--border); border-top: var(--border);
margin-top: -1px; margin-top: -1px;
font-size: 1rem;
}
.main-footer .first-column {
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.main-footer p { .main-footer p {

3
assets/css/src/generic.css
View file

@ -165,6 +165,9 @@
.no-padding { .no-padding {
padding: 0 !important; padding: 0 !important;
} }
.no-margin {
margin: 0 !important;
}
.shift-large { .shift-large {
margin-left: var(--shift-large); margin-left: var(--shift-large);

18
site/snippets/footer.php
View file

@ -1,10 +1,18 @@
</main> </main>
<footer class="main-footer"> <footer class="main-footer">
<h1 class="logo"> <div class="first-column">
<span>Nouveau</span> <h1 class="logo">
<span>Théâtre</span> <span>Nouveau</span>
<span>Besançon</span> <span>Théâtre</span>
</h1> <span>Besançon</span>
</h1>
<div>
<p class="no-margin">
Centre dramatique national<br>
Direction Tommy Milliot
</p>
</div>
</div>
<form action=""> <form action="">
<p>S'inscrire à la newsletter</p> <p>S'inscrire à la newsletter</p>
<input placeholder="e-mail" type="email" name="email" autocomplete="email" id="email"> <input placeholder="e-mail" type="email" name="email" autocomplete="email" id="email">