fix(landing): various style corrections and add credit

This commit is contained in:
Matthieu Bessat 2024-03-09 14:25:14 +01:00
parent bdffe13bab
commit 090c1b220f
9 changed files with 142 additions and 82 deletions

View file

@ -91,6 +91,42 @@
}
}
.section-with-bg {
position: relative;
.section__bg {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100;
background-position-x: center;
background-size: cover;
}
}
.end-landing-section {
margin-top: 2rem;
margin-bottom: 1rem;
.section__content {
h2 {
color: white;
}
a {
color: white;
}
color: white;
background-color: rgba(darken($background, 10%), .4);
padding: 1.2rem 0;
position: relative;
z-index: 1;
}
.section__bg {
// avoir l'etoile dans le cadre sur desktop
background-position-y: 28%;
}
}
.news-section {
.side-icon {
left: -50px;
@ -137,9 +173,6 @@
display: block;
}
.cover__backdrop {
}
.landing__title {
font-weight: 2rem;
}
@ -152,11 +185,6 @@
@import 'landing/timeline.scss';
@media (max-width: $lg-breakpoint) {
.cover__back {
}
}
@media (min-width: $lg-breakpoint) {
.cover__back {
background-position-x: center;
@ -164,7 +192,6 @@
}
}
.compare-section {
.compare-items {
display: grid;
@ -322,11 +349,6 @@
}
}
.history-component__content {
}
.history-carousel {
background: rgba(1, 1, 1, 0.05);
}
@ -347,12 +369,23 @@
.organization-content {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
column-gap: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
img {
border-radius: 3px;
object-fit: cover;
height: 20rem;
}
}
.organization__image {
figure {
margin: 0;
}
figcaption {
margin-top: .6rem;
}
}
@ -360,13 +393,27 @@
.cover__back {
background-position-y: 0;
}
.history-container {
}
.side-icon {
display: none;
}
.cover__title {
font-size: 2.5rem;
}
.trailer-section {
.end-action-container {
justify-content: space-between;
.button {
padding: 1rem 2rem;
}
}
}
.organization-content {
display: flex;
flex-direction: column-reverse;
}
}
@media (min-width: $md-breakpoint) {