Moved index styles to index.scss

julienlebren · Feb 3, 2022 · 7d6cc21 · 7d6cc21
1 parent 644d89e
commit 7d6cc21
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 57 deletions.
diff --git a/website/src/sass/layout/base.scss b/website/src/sass/layout/base.scss
@@ -4,6 +4,7 @@
   --viewport-height: 100vh;
   --background-height: 100vh;
 }
+
 body {
   font-weight: 300;
   min-height: 100%;
@@ -15,14 +16,6 @@ body {
   overflow-x: hidden;
 }
 
-@keyframes hide-scroll {
-  from,
-  to {
-    overflow: hidden;
-  }
-}
-
-
 figure {
   margin: 0;
 }
@@ -52,52 +45,3 @@ ul {
   outline: none;
 }
 
-img.app-logo {
-  border: 1px solid #ccc;
-  border-radius: 10px;
-  width: 5rem;
-  height: 5rem;
-  display: inline-block;
-
-  @media (max-width: 544px) {  
-    width: 4rem;
-    height: 4rem;
-  }
-}
-span.brand {
-  text-transform: uppercase;
-  color: $primaryColor;
-  letter-spacing: 0.3rem;
-  font-weight: 900;
-  font-size: 3.4em;
-  display: inline-block;
-
-  @media (max-width: 544px) {  
-      font-size: 2.5em;
-  }
-}
-h1 {    
-  line-height: 1.4;
-  letter-spacing: -0.035;
-
-  @media (max-width: 544px) {  
-      font-size: 1.5rem;
-  }
-}
-h2 {    
-  color: rgba(36,36,36,0.588);
-  font-size: 1.4em;
-  line-height: 1.6;
-  font-weight: 300;
-  margin-bottom: 2rem;
-  letter-spacing: -0.035;
-
-  @media (max-width: 544px) {  
-      font-size: 1em;
-  }
-}
-a.download {
-  display: inline-block;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
diff --git a/website/src/sass/layout/footer.scss b/website/src/sass/layout/footer.scss
@@ -1,4 +1,5 @@
 /* Footer */
+
 footer {
   position: relative;    
   color: rgba(36,36,36,0.588);

diff --git a/website/src/sass/layout/index.scss b/website/src/sass/layout/index.scss
@@ -0,0 +1,51 @@
+/* Home page */
+
+img.app-logo {
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    width: 5rem;
+    height: 5rem;
+    display: inline-block;
+
+    @media (max-width: 544px) {  
+      width: 4rem;
+      height: 4rem;
+    }
+  }
+  span.brand {
+    text-transform: uppercase;
+    color: $primaryColor;
+    letter-spacing: 0.3rem;
+    font-weight: 900;
+    font-size: 3.4em;
+    display: inline-block;
+
+    @media (max-width: 544px) {  
+        font-size: 2.5em;
+    }
+  }
+  h1 {    
+    line-height: 1.4;
+    letter-spacing: -0.035;
+
+    @media (max-width: 544px) {  
+        font-size: 1.5rem;
+    }
+  }
+  h2 {    
+    color: rgba(36,36,36,0.588);
+    font-size: 1.4em;
+    line-height: 1.6;
+    font-weight: 300;
+    margin-bottom: 2rem;
+    letter-spacing: -0.035;
+
+    @media (max-width: 544px) {  
+        font-size: 1em;
+    }
+  }
+  a.download {
+    display: inline-block;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+  }
diff --git a/website/src/sass/style.scss b/website/src/sass/style.scss
@@ -22,4 +22,5 @@ $font-weight-base: 300;
 
 // Layout
 @import "layout/base";
+@import "layout/index";
 @import "layout/footer";