auth: Do not attempt to render page after redirect

[ipfire.org.git] / src / scss / _variables.scss

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 780493bd955dabc796844b96c6412a5cb490a586..77d3051bb2c3db8ed11c854d20f9595c55f4e207 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,47 +1,37 @@
-// Global Settings
-$enable-shadows:                       true;
-$shadow-1:                                     0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-$shadow-2:                                     0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
-$shadow-3:                                     0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23);
-$shadow-4:                                     0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 6px 6px 0 rgba(0, 0, 0, 0.26);
-$shadow-5:                                     0 14px 28px 0 rgba(0, 0, 0, 0.25), 0 10px 10px 0 rgba(0, 0, 0, 0.26);
-$shadow-6:                                     0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22);
-
 /*
        Colours
 */
-$red-900:                              #b71c1c;
-$red-600:                              #e53935;
-
-$amber-800:                            #ff8f00;
-$yellow-700:                           #fbc02d;
-
-$blue-700:                                     #1976d2;
-$blue-400:                                     #42a5f5;
-
-$green-600:                                    #43a047;
-$green-400:                                    #66bb6a;
+$black:                                                #000000;
+$white:                                                #ffffff;
 
-$blue-grey-900:                                #263238;
-$blue-grey-700:                                #455a64;
-$blue-grey-600:                                #546e7a;
-$blue-grey-300:                                #90a4ae;
-$blue-grey-50:                         #eceff1;
+// Grays
+$gray-400:                                     #ede8e8;
+$gray-800:                                     #31353c;
 
-$orange-a400:                          #ff3d00;
+$red:                                          #ee2e31;
+$yellow:                                       #e7e247;
+$cyan:                                         #2ee8c8;
 
-$cyan:                                         #00bcd4;
+// Brand colours
+$lwl:                                          #4b0082;
+$twitter:                                      #00acee;
 
 // Theme
-$primary:                                      $red-900;
-$secondary:                                    white;
-$dark:                                         $blue-grey-900;
-
-$yiq-text-dark:                                $primary;
-$yiq-text-light:                       $secondary;
+$primary:                                      $red;
+$secondary:                                    #757575;
+$light:                                                $gray-400;
+$dark:                                         $gray-800;
+
+$theme-colors: (
+       "lwl"                                   : $lwl,
+       "twitter"               : $twitter,
+);
 
-$body-bg:                                      $blue-grey-50;
-$body-color:                           $blue-grey-900;
+$body-bg:                                      $dark;
+$body-color:                           $white;
+$code-color:                           $white;
+$pre-color:                                    $white;
+$table-color:                          inherit;
 
 // Breakpoints
 $grid-breakpoints: (
@@ -52,26 +42,29 @@ $grid-breakpoints: (
        xl: 1280px
 );
 
-$border-radius:                                2px;
-$border-radius-lg:                     2px;
+$grid-gutter-width:                    24px;
+
+$border-radius:                                5px;
+$border-radius-lg:                     5px;
 
 // Fonts
-$font-family-sans-serif:       "Karla", sans-serif;
+$font-family-sans-serif:       "Mukta", sans-serif;
 
 $font-weight-light:                    200;
 $font-weight-normal:           400;
 $font-weight-bold:                     700;
 
 // Typo
-$font-size-base:                       1rem;
+$font-size-base:                       1.125rem;
 $lead-font-size:                       1.5rem;
 $small-font-size:                      87.5%;
 
+$line-height-base:                     1.5;
+
 // Headings
-$headings-font-weight:         300;
-$headings-line-height:         1.5;
-$headings-margin-bottom:       1.5rem;
-$headings-color:                       $blue-grey-900;
+$headings-font-weight:         500;
+$headings-line-height:         1.15;
+$headings-margin-bottom:       1.25rem;
 
 $h1-font-size:                         3rem;
 $h2-font-size:                         2.5rem;
@@ -80,33 +73,26 @@ $h4-font-size:                              2rem;
 $h5-font-size:                         1.5rem;
 $h6-font-size:                         1.25rem;
 
-$display1-size:                                7.5rem;
+$display1-size:                                4rem;
 
 // Links
 $link-color:                           $primary;
 
 // Navbar
-$navbar-brand-font-size:       36px;
-$navbar-brand-height:          32px;
-
-$nav-link-height:                      24px;
-$navbar-nav-link-padding-x:    16px;
-
-$navbar-padding-y:                     1.1rem;
+$navbar-brand-font-size:       3rem;
+$navbar-brand-height:          5rem;
+$navbar-brand-padding-y:       1rem;
+$navbar-height:                                $navbar-brand-height + ($navbar-brand-padding-y * 2);
 
-// Input
-$input-btn-padding-x:          1rem;
-$input-btn-padding-y:          .5rem;
-
-$input-btn-focus-box-shadow:   $shadow-3;
-
-// Shadows
-$box-shadow:                           $shadow-1;
-$box-shadow-sm:                                $box-shadow;
-$box-shadow-lg:                                $shadow-6;
+$navbar-nav-link-padding-x:    1rem;
 
 // Buttons
-$btn-border-width:                     2px;
+$btn-border-width:                     3px;
+$btn-padding-x:                                1.5rem;
+$btn-padding-y:                                .5rem;
+
+// Progress
+$progress-height:                      1rem * $line-height-base;
 
-$btn-box-shadow:                       0 2px 0 rgba(black, .16), 0 1px 2px rgba(black, .23);
-$btn-active-box-shadow:                $input-btn-focus-box-shadow;
+// Breadcrumbs
+$breadcrumb-bg:                                white;