☠️ RESET for v2

2021-09-14 13:00:12 +02:00
parent 511b0c85e5
commit bdbf511a75
124 changed files with 1612 additions and 11094 deletions
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -1,138 +0,0 @@
-// Introduction
-.intro {
-    background-color: $color-tertiary;
-    overflow: hidden;
-
-    // Title
-    .title-parallax {
-        margin-top: -#{pxVW(160)};
-        margin-left: -#{pxVW(160)};
-
-        @include breakpoint (1920px) {
-            margin-top: -160px;
-            margin-left: auto;
-        }
-    }
-
-    // Description
-    &__description {
-        margin-top: 14vw;
-        margin-bottom: 72px;
-        padding: 0 32px;
-        color: $color-text;
-
-        @include breakpoint (600px) {
-            margin-top: 72px;
-        }
-        @include breakpoint (sm) {
-            margin-left: auto;
-            margin-right: auto;
-            margin-bottom: 120px;
-            padding: 0;
-        }
-
-        p {
-            margin-bottom: 40px;
-
-            @include breakpoint (sm) {
-                margin-bottom: 72px;
-            }
-        }
-    }
-
-    // Carousel
-    .carousel {
-        position: relative;
-
-        // Beige background under
-        &:after {
-            content: "";
-            position: absolute;
-            z-index: 0;
-            top: 0;
-            left: 0;
-            right: 0;
-            display: block;
-            width: 100%;
-            height: pxVW(768);
-            background-color: $color-tertiary;
-
-            @include breakpoint (xxl) {
-                height: 820px;
-            }
-            @media (min-aspect-ratio: 16/10) {
-                height: 36vw;
-            }
-        }
-
-        // Photos
-        .gallery__picture:before {
-            background-color: $color-secondary;
-        }
-    }
-}
-
-
-// Explore
-.explore--homepage {
-    margin-top: pxVW(248);
-
-    @include breakpoint (lg) {
-        margin-top: 248px;
-    }
-
-    // Description
-    .style-description {
-        color: $color-tertiary;
-    }
-
-    // Globe
-    // .globe {
-    // }
-
-    // Browse
-    .browse {
-        margin-top: 4vw;
-
-        @include breakpoint (xl) {
-            margin-top: 72px;
-        }
-    }
-
-    // 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);
-        }
-
-        span {
-            will-change: transform;
-        }
-    }
-
-    // Massive title
-    .anim-title {
-        margin-top: -#{pxVW(224)};
-        margin-left: -60px;
-
-        @include breakpoint (sm) {
-            margin-top: -184px;
-        }
-
-        span:nth-of-type(1) {
-            letter-spacing: -6vw;
-        }
-    }
-}