wiki: Add tree

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

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6693384a4c170139f92d65253f02b5176b5974ac..772a14d57994916fd89eb9f4a5929f15292ce004 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -12,35 +12,26 @@ $red:                                       #ee2e31;
 $yellow:                                       #e7e247;
 $cyan:                                         #2ee8c8;
 
-// Lightning Wire Labs colour
+// Brand colours
 $lwl:                                          #4b0082;
+$twitter:                                      #00acee;
 
 // Theme
 $primary:                                      $red;
-$secondary:                                    $cyan;
+$secondary:                                    #757575;
 $light:                                                $gray-400;
 $dark:                                         $gray-800;
 
 $theme-colors: (
        "lwl"                                   : $lwl,
+       "twitter"               : $twitter,
 );
 
-$yiq-text-dark:                                $dark;
-$yiq-text-light:                       $white;
-
 $body-bg:                                      $dark;
 $body-color:                           $white;
-
-// Breakpoints
-$grid-breakpoints: (
-       xs: 0,
-       sm: 600px,
-       md: 768px,
-       lg: 1024px,
-       xl: 1280px
-);
-
-$grid-gutter-width:                    24px;
+$code-color:                           $white;
+$pre-color:                                    $white;
+$table-color:                          inherit;
 
 $border-radius:                                5px;
 $border-radius-lg:                     5px;
@@ -55,7 +46,11 @@ $font-weight-bold:                   700;
 // Typo
 $font-size-base:                       1.125rem;
 $lead-font-size:                       1.5rem;
-$small-font-size:                      87.5%;
+$small-font-size:                      85%;
+
+$line-height-base:                     1.5;
+
+$blockquote-font-size:         $font-size-base * 1.125;
 
 // Headings
 $headings-font-weight:         500;
@@ -75,17 +70,20 @@ $display1-size:                             4rem;
 $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;
+$navbar-nav-link-padding-x:    1rem;
 
 // Buttons
 $btn-border-width:                     3px;
+$btn-padding-x:                                1.5rem;
+$btn-padding-y:                                .5rem;
+
+// Progress
+$progress-height:                      1rem * $line-height-base;
+
+// Breadcrumbs
+$breadcrumb-bg:                                white;