From b0da1293d77a40d60a5d172c063195a4f3fcd09a Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Tue, 26 Jun 2018 18:27:32 +0200
Subject: Moved to SASS and some reformatting

---
 assets/css/main.sass | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 assets/css/main.sass

(limited to 'assets/css/main.sass')

diff --git a/assets/css/main.sass b/assets/css/main.sass
new file mode 100644
index 0000000..39cd30c
--- /dev/null
+++ b/assets/css/main.sass
@@ -0,0 +1,81 @@
+/**
+ * Design of the Netflix Stats Generator
+ * @author Marvin Borner
+ * @copyright Marvin Borner 2018
+ */
+
+/** 
+  * General
+  */
+
+$BlueColor: #1e3264
+
+body 
+    font-family: "Varela Round", sans-serif !important
+    text-rendering: optimizeLegibility !important
+    box-sizing: border-box !important
+
+
+.Main 
+    // display: none
+    min-height: 100vh
+
+
+/**
+   * General headers
+   */
+
+.SectionHeader 
+    display: flex
+    justify-content: center
+    align-items: center
+    align-content: space-between
+    width: 100%
+
+
+.SectionHeader h1 
+    text-transform: capitalize
+
+
+/** 
+   * Gradients
+   */
+
+.GradientBackground 
+    %Gradient 
+        position: fixed
+        top: 0
+        left: 0
+        z-index: -1
+        transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s
+        width: 100%
+        height: 100vh
+    
+
+    .Color:not(.Active) 
+        display: none
+    
+    
+    .GreenBlue 
+        background: linear-gradient(145deg, #c3f0c8, #509bf5)
+        @extend %Gradient
+    
+    
+    .OrangePink 
+        background: linear-gradient(145deg, #ffc867, #f037a6)
+        @extend %Gradient
+    
+    
+    .GreenBlue 
+        background: linear-gradient(145deg, #c3f0c8, #509bf5)
+        @extend %Gradient
+    
+
+
+/** 
+   * Favorites
+   */
+
+.FavoritesSection .SectionHeader
+    height: 40vh
+    color: $BlueColor
\ No newline at end of file
-- 
cgit v1.2.3