WIP
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user