diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/main.sass | 62 |
1 files changed, 23 insertions, 39 deletions
diff --git a/assets/css/main.sass b/assets/css/main.sass index 39cd30c..4c07d53 100644 --- a/assets/css/main.sass +++ b/assets/css/main.sass @@ -2,47 +2,37 @@ * Design of the Netflix Stats Generator * @author Marvin Borner * @copyright Marvin Borner 2018 - */ - -/** - * General - */ +// General $BlueColor: #1e3264 -body +body font-family: "Varela Round", sans-serif !important text-rendering: optimizeLegibility !important box-sizing: border-box !important - -.Main +.Main // display: none min-height: 100vh - -/** - * General headers - */ - -.SectionHeader +// General headers +.SectionHeader display: flex justify-content: center align-items: center align-content: space-between width: 100% - -.SectionHeader h1 +.SectionHeader h1 text-transform: capitalize +// Charts +canvas#MostWatchedChart + opacity: 0 -/** - * Gradients - */ - -.GradientBackground - %Gradient +// Gradients +.GradientBackground + %Gradient position: fixed top: 0 left: 0 @@ -50,32 +40,26 @@ body transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s width: 100% height: 100vh - - .Color:not(.Active) + .Color:not(.Active) display: none - - - .GreenBlue + + .GreenBlue background: linear-gradient(145deg, #c3f0c8, #509bf5) + @extend %Gradient - - - .OrangePink + + .OrangePink background: linear-gradient(145deg, #ffc867, #f037a6) + @extend %Gradient - - - .GreenBlue - background: linear-gradient(145deg, #c3f0c8, #509bf5) - @extend %Gradient - + .GreenBlue + background: linear-gradient(145deg, #c3f0c8, #509bf5) -/** - * Favorites - */ + @extend %Gradient +// Favorites .FavoritesSection .SectionHeader height: 40vh color: $BlueColor
\ No newline at end of file |