This commit is contained in:
2020-02-13 22:24:28 +01:00
parent 9b0c154f61
commit ef23d90eb6
60 changed files with 1665 additions and 930 deletions

View File

@@ -1,18 +1,18 @@
// Introduction
.intro {
background-color: $color-tertiary;
overflow-x: hidden;
// Title
.title-massive {
margin-top: -10vw;
margin-left: -10vw;
.title-parallax {
margin-top: -#{pxVW(160)};
margin-left: -#{pxVW(160)};
}
// Description
.description {
&__description {
margin-bottom: 72px;
@include breakpoint (sm) {
margin: 0 auto 120px;
}
@@ -26,6 +26,7 @@
}
}
// Carousel
.carousel {
position: relative;
@@ -39,8 +40,68 @@
right: 0;
display: block;
width: 100%;
height: 48vw;
height: pxVW(768);
background-color: $color-tertiary;
@include breakpoint (xxl) {
height: 820px;
}
}
// Gallery
.gallery {
&__images--photo {
background-color: $color-secondary;
box-shadow: 0 15px 60px rgba(#000, 0.3);
}
}
}
}
// Explore
.explore--homepage {
margin-top: pxVW(248);
@include breakpoint (lg) {
margin-top: 248px;
}
.style-description {
color: $color-tertiary;
}
// Browse
.browse {
margin-top: 0;
}
// Of text
.of {
display: flex;
justify-content: center;
margin-bottom: pxVW(224);
font-family: $font-serif-extra;
font-size: pxVW(248);
line-height: 1;
color: $color-lightpurple;
text-transform: uppercase;
user-select: none;
pointer-events: none;
@include breakpoint (lg) {
margin-bottom: 200px;
font-size: rem(248px);
}
}
// Massive title
.anim-title {
margin-top: -#{pxVW(352)};
margin-left: -60px;
span:nth-of-type(1) {
letter-spacing: -6vw;
}
}
}