diff options
Diffstat (limited to 'assets/css')
| -rw-r--r--[-rwxr-xr-x] | assets/css/main.css | 80 | ||||
| -rw-r--r-- | assets/css/main.css.map | 9 | ||||
| -rw-r--r-- | assets/css/main.sass | 81 |
3 files changed, 92 insertions, 78 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index aa51cdd..e5d025a 100755..100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,78 +1,2 @@ -/** - * Design of the Netflix Stats Generator - * @author Marvin Borner - * @copyright Marvin Borner 2018 - */ - -/** - * General - */ - -:root { - --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>* { - position: fixed; - top: 0; - left: 0; - z-index: -1; - transition: opacity 1.5s cubic-bezier(.445, .05, .55, .95) 0s; - width: 100%; - height: 100vh; -} - -.GradientBackground .Color:not(.Active) { - display: none; -} - -.GradientBackground .GreenBlue { - background: linear-gradient(145deg, #c3f0c8, #509bf5); -} - -.GradientBackground .OrangePink { - background: linear-gradient(145deg, #ffc867, #f037a6); -} - -.GradientBackground .GreenBlue { - background: linear-gradient(145deg, #c3f0c8, #509bf5); -} - -/** - * Favorites - */ - -.FavoritesSection .SectionHeader { - height: 40vh; - color: var(--BlueColor); -}
\ No newline at end of file +body{font-family:"Varela Round", sans-serif !important;text-rendering:optimizeLegibility !important;box-sizing:border-box !important}.Main{min-height:100vh}.SectionHeader{display:flex;justify-content:center;align-items:center;align-content:space-between;width:100%}.SectionHeader h1{text-transform:capitalize}.GradientBackground .GreenBlue,.GradientBackground .OrangePink{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}.GradientBackground .Color:not(.Active){display:none}.GradientBackground .GreenBlue{background:linear-gradient(145deg, #c3f0c8, #509bf5)}.GradientBackground .OrangePink{background:linear-gradient(145deg, #ffc867, #f037a6)}.GradientBackground .GreenBlue{background:linear-gradient(145deg, #c3f0c8, #509bf5)}.FavoritesSection .SectionHeader{height:40vh;color:#1e3264} +/*# sourceMappingURL=main.css.map */
\ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map new file mode 100644 index 0000000..e8bd39d --- /dev/null +++ b/assets/css/main.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAYA,AAAA,IAAI,AAAC,CACD,WAAW,CAAE,qCAAqC,CAClD,cAAc,CAAE,6BAA6B,CAC7C,UAAU,CAAE,qBAAqB,CAAI,AAGzC,AAAA,KAAK,AAAC,CAEF,UAAU,CAAE,KAAK,CAAI,AAOzB,AAAA,cAAc,AAAC,CACX,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,MAAM,CACvB,WAAW,CAAE,MAAM,CACnB,aAAa,CAAE,aAAa,CAC5B,KAAK,CAAE,IAAI,CAAI,AAGnB,AAAe,cAAD,CAAC,EAAE,AAAC,CACd,cAAc,CAAE,UAAU,CAAI,AAOlC,AACI,mBADe,CAef,UAAU,CAfd,AACI,mBADe,CAoBf,WAAW,AAnBD,CACN,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,OAAO,CAAE,EAAE,CACX,UAAU,CAAE,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC,EAAE,CACjE,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,KAAK,CAAI,AARzB,AAWI,mBAXe,CAWf,MAAM,AAAA,IAAK,CAAA,AAAA,OAAO,CAAE,CAChB,OAAO,CAAE,IAAI,CAAI,AAZzB,AAeI,mBAfe,CAef,UAAU,AAAC,CACP,UAAU,CAAE,yCAAyC,CACjC,AAjB5B,AAoBI,mBApBe,CAoBf,WAAW,AAAC,CACR,UAAU,CAAE,yCAAyC,CACjC,AAtB5B,AAeI,mBAfe,CAef,UAAU,AAUC,CACP,UAAU,CAAE,yCAAyC,CACjC,AAQ5B,AAAkB,iBAAD,CAAC,cAAc,AAAC,CAC7B,MAAM,CAAE,IAAI,CACZ,KAAK,CAtEG,OAAO,CAsEK", + "sources": [ + "main.sass" + ], + "names": [], + "file": "main.css" +}
\ No newline at end of file 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 |