WIP React > Svelte

Put most of the developed design into Svelte
2020-02-11 15:09:32 +01:00
parent 61e45cb171
commit 9b0c154f61
95 changed files with 3627 additions and 9464 deletions
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -0,0 +1,46 @@
+// Introduction
+.intro {
+    background-color: $color-tertiary;
+    overflow-x: hidden;
+
+    // Title
+    .title-massive {
+        margin-top: -10vw;
+        margin-left: -10vw;
+    }
+
+    // Description
+    .description {
+        margin-bottom: 72px;
+        
+        @include breakpoint (sm) {
+            margin: 0 auto 120px;
+        }
+
+        p {
+            margin-bottom: 40px;
+
+            @include breakpoint (sm) {
+                margin-bottom: 72px;
+            }
+        }
+    }
+
+    // Carousel
+    .carousel {
+        position: relative;
+
+        &:after {
+            content: "";
+            position: absolute;
+            z-index: -1;
+            top: 0;
+            left: 0;
+            right: 0;
+            display: block;
+            width: 100%;
+            height: 48vw;
+            background-color: $color-tertiary;
+        }
+    }
+}