bicycleure/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat(landing): add cover image

Browse source
This commit is contained in:
Matthieu Bessat 2023-11-01 16:50:34 +01:00
parent 80bf3bda99
commit 6f0794abdb
3 changed files with 49 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/cover_big.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 272 KiB

41
assets/sass/landing.scss
View file

@ -2,11 +2,27 @@
width: 100%;
}
.landing {
.landing-border {
border: 2px solid rgba(0, 0, 0, 0.4);
border-radius: 4px;
}
.landing-two-sections {
display: grid;
grid-template-columns: 1fr 1fr;
@extend .landing-border;
}
.landing-cover {
img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
}
.landing-brand {
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 1rem;
text-align: center;
display: flex;
@ -27,9 +43,6 @@
}
.brand__role2 {
}
.brand__logo {
svg {
max-width: 25rem;
@ -37,3 +50,21 @@
}
}
@media (max-width: $md-breakpoint) {
.landing-two-sections {
display: block;
}
.landing-cover {
img {
height: 13rem;
}
}
.landing-brand {
.brand__logo svg {
max-width: 15rem;
}
.brand__name {
font-size: 2.5rem;
}
}
}