studio-variable/hecq-et-lesort
5
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Ajustements divers header + events
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-06-23 18:39:40 +02:00
parent cc7a87816e
commit c41ffbbce1
7 changed files with 29 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/css/src/_fonts.scss
View file

@ -1,7 +1,7 @@
@font-face {
font-family: "Bartok";
src: url("../fonts/BartokTrial-Regular.otf") format("opentype");
font-weight: 400;
font-weight: normal;
font-style: normal;
}
@ -35,8 +35,8 @@
@font-face {
font-family: "SancySlab";
src: url("/assets/fonts/for-sancyslabunlicensedtrial-italic.otf") format("opentype");
src: url("/assets/fonts/for-sancyslabunlicensedtrial-italic.otf")
format("opentype");
font-weight: normal;
font-style: italic;
}

5
assets/css/src/_header.scss
View file

@ -10,7 +10,7 @@
font-family: var(--font-sans-serif);
font-size: var(--font-size-L);
font-weight: 800;
font-weight: 900;
.logo-menu {
font-family: var(--font-sans-serif);
@ -26,6 +26,9 @@
li {
display: flex;
align-items: center;
a {
font-weight: 900;
}
}
li.characters svg {
width: var(--char-size);

1
assets/css/src/_reset.scss
View file

@ -24,6 +24,7 @@ a,
figcaption {
margin: 0;
padding: 0;
font-weight: normal;
}
ul {

11
assets/css/src/pages/_events.scss
View file

@ -10,7 +10,7 @@
transition:
background-color 0.2s var(--curve),
transform 0.3s var(--curve);
padding: 2rem;
padding: 0.7rem;
position: relative;
bottom: 0;
margin: 0 calc(-1 * var(--border-width) / 2);
@ -18,7 +18,7 @@
border-radius: var(--border-radius) var(--border-radius) 0 0;
border-bottom: 0;
font-size: var(--font-size-L);
font-size: var(--font-size-S);
&:first-child {
margin-left: 0;
@ -27,7 +27,7 @@
&.active {
bottom: calc(-1 * var(--border-width));
margin-top: calc(-1 * var(--border-width));
padding-top: calc(2rem - var(--border-width));
padding-top: calc(0.7rem - var(--border-width));
}
}
}
@ -36,12 +36,13 @@
.events-grid {
box-sizing: border-box;
padding: 2rem;
padding-top: 9rem;
padding-top: 4rem;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-end;
gap: 2rem;
column-gap: 2rem;
row-gap: 4rem;
background-color: var(--color-beige);
border-radius: var(--border-radius);
border-top-left-radius: 0;

20
assets/css/style.css
View file

@ -25,6 +25,7 @@ a,
figcaption {
margin: 0;
padding: 0;
font-weight: normal;
}
ul {
@ -60,7 +61,7 @@ main {
@font-face {
font-family: "Bartok";
src: url("../fonts/BartokTrial-Regular.otf") format("opentype");
font-weight: 400;
font-weight: normal;
font-style: normal;
}
@font-face {
@ -198,7 +199,7 @@ main {
z-index: 4;
font-family: var(--font-sans-serif);
font-size: var(--font-size-L);
font-weight: 800;
font-weight: 900;
}
.main-header .logo-menu {
font-family: var(--font-sans-serif);
@ -215,6 +216,9 @@ main {
display: flex;
align-items: center;
}
.main-header nav ul li a {
font-weight: 900;
}
.main-header nav ul li.characters svg {
width: var(--char-size);
height: auto;
@ -436,13 +440,13 @@ main {
[data-template=events] .filters button {
transform: translateY(0rem);
transition: background-color 0.2s var(--curve), transform 0.3s var(--curve);
padding: 2rem;
padding: 0.7rem;
position: relative;
bottom: 0;
margin: 0 calc(-1 * var(--border-width) / 2);
border-radius: var(--border-radius) var(--border-radius) 0 0;
border-bottom: 0;
font-size: var(--font-size-L);
font-size: var(--font-size-S);
}
[data-template=events] .filters button:first-child {
margin-left: 0;
@ -450,17 +454,19 @@ main {
[data-template=events] .filters button.active {
bottom: calc(-1 * var(--border-width));
margin-top: calc(-1 * var(--border-width));
padding-top: calc(2rem - var(--border-width));
padding-top: calc(0.7rem - var(--border-width));
}
[data-template=events] main .events-grid {
box-sizing: border-box;
padding: 2rem;
padding-top: 9rem;
padding-top: 4rem;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-end;
gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 4rem;
background-color: var(--color-beige);
border-radius: var(--border-radius);
border-top-left-radius: 0;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

2
site/snippets/header.php
View file

@ -24,7 +24,7 @@
<a href="<?= page('compagnie')->url() ?>"><?= page('compagnie')->title() ?></a>
</li>
<li>
<a href="<?= page('contact')->url() ?>"><?= page('contact')->title() ?></a>
<a href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
</li>
</ul>
</nav>