start program page

This commit is contained in:
isUnknown 2024-08-28 19:11:58 +02:00
parent f75d7b390e
commit 3694b55357
10 changed files with 150 additions and 52 deletions

View file

@ -7,7 +7,7 @@ body.progress * {
}
.grid {
--column-gap: calc(var(--space-m) * 1.5);
--column-gap: calc(var(--space-m) * 1.1);
--row-gap: calc(var(--space-m) / 2);
--row-length: calc(12 / var(--span));
display: grid;
@ -26,7 +26,7 @@ body.progress * {
(var(--column-gap) * var(--column-gap-nbr)) + var(--space-m) * 2
);
--width: calc((100vw - var(--white-space)) / var(--row-length));
height: calc(var(--width) / 1.4);
height: calc(var(--width) / 1.2);
}
.grid__item picture img {
@ -36,7 +36,7 @@ body.progress * {
.logo {
font-weight: normal;
font-size: var(--font-size-h2);
transition: font-size 0.3s ease-in-out;
transition: font-size 0.1s cubic-bezier(0.23, 1, 0.32, 1);
line-height: 1;
}
@ -46,7 +46,7 @@ body.progress * {
.logo > *:not(:first-child) {
margin-left: 2.27ch;
transition: margin 0.3s ease-in-out;
transition: margin 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.social-icons {
@ -103,3 +103,7 @@ body.progress * {
.ticket-link > figure {
margin-right: 1rem;
}
.yellow {
background-color: var(--color-yellow);
}