Navbar styling and Intro section for Website - Start - XL

[people/shoehn/ipfire.org.git] / static / scss / bootstrap-4.0.0-alpha.6 / scss / _custom.scss

diff --git a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
index b6760f842178fdba83231225a34cd8aaf494adb4..b74b469cb8ca300dc35abb2655dc97396ef594f5 100755 (executable)
--- a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
+++ b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss
@@ -20,23 +20,130 @@ $blue_grey_50: #eceff1;
 $deep_orange_a400: #ff3d00;
 $cyan: #00bcd4;
 
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
+// Reassign color vars to semantic color scheme
+$brand-primary:             $blue !default;
+$brand-success:             $green !default;
+$brand-info:                $teal !default;
+$brand-warning:             $orange !default;
+$brand-danger:              $red !default;
+$brand-inverse:             $gray-dark !default;
 
-$grid-columns:               12;
-$grid-gutter-width-base:     24px;
-$grid-gutter-widths: (
-  xs: $grid-gutter-width-base,
-  sm: $grid-gutter-width-base,
-  md: $grid-gutter-width-base,
-  lg: $grid-gutter-width-base,
-  xl: $grid-gutter-width-base
+// Spacing
+
+$spacer:   1.5rem;
+$spacer-x: $spacer !default;
+$spacer-y: $spacer !default;
+$spacers: (
+  0: (
+    x: 0,
+    y: 0
+  ),
+  1: (
+    x: ($spacer-x * .25),
+    y: ($spacer-y * .25)
+  ),
+  2: (
+    x: ($spacer-x * .5),
+    y: ($spacer-y * .5)
+  ),
+  3: (
+    x: $spacer-x,
+    y: $spacer-y
+  ),
+  4: (
+    x: ($spacer-x * 1.5),
+    y: ($spacer-y * 1.5)
+  ),
+  5: (
+    x: ($spacer-x * 3),
+    y: ($spacer-y * 3)
+  )
 ) !default;
 
+$border-width: 2px;
+
+// Links
+
+$link-color:            $blue_grey_900;
+
+// Grid
+
+$grid-gutter-width-base:     24px;
+
 // Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
 
 @import url('https://fonts.googleapis.com/css?family=Ubuntu');
-$font-family-sans-serif: 'Ubuntu', sans-serif;
\ No newline at end of file
+$font-family-sans-serif: 'Ubuntu', sans-serif;
+$font-family-base:       $font-family-sans-serif;
+
+$font-size-lg:   1.25rem;
+
+$font-size-h1: 3rem;
+$font-size-h2: 2.5rem;
+$font-size-h3: 2.25rem;
+$font-size-h4: 2rem;
+$font-size-h5: 1.5rem;
+$font-size-h6: 1.25rem;
+
+$display1-size: 7.5rem;
+$display4-size: 1.5rem;
+
+
+// Buttons
+
+$btn-padding-x:                  1rem;
+$btn-padding-y:                  .5rem !default;
+$btn-line-height:                1.25 !default;
+$btn-font-weight:                $font-weight-normal !default;
+$btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
+$btn-focus-box-shadow:           0 0 0 2px rgba($brand-primary, .25) !default;
+$btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;
+
+$btn-primary-color:              $red_900;
+$btn-primary-bg:                 $red_900;
+$btn-primary-border:             $red_900;
+
+$btn-secondary-color:            $blue_grey_600;
+$btn-secondary-bg:               $white !default;
+$btn-secondary-border:           $blue_grey_600;
+
+$btn-info-color:                 $white !default;
+$btn-info-bg:                    $brand-info !default;
+$btn-info-border:                $btn-info-bg !default;
+
+$btn-success-color:              $white !default;
+$btn-success-bg:                 $brand-success !default;
+$btn-success-border:             $btn-success-bg !default;
+
+$btn-warning-color:              $white !default;
+$btn-warning-bg:                 $brand-warning !default;
+$btn-warning-border:             $btn-warning-bg !default;
+
+$btn-danger-color:               $white !default;
+$btn-danger-bg:                  $brand-danger !default;
+$btn-danger-border:              $btn-danger-bg !default;
+
+$btn-link-disabled-color:        $gray-light !default;
+
+$btn-padding-x-sm:               .5rem !default;
+$btn-padding-y-sm:               .25rem !default;
+
+$btn-padding-x-lg:               2rem;
+$btn-padding-y-lg:               .75rem !default;
+
+$btn-block-spacing-y:            .5rem !default;
+$btn-toolbar-margin:             .5rem !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius-lg:           .125rem;
+
+
+$input-btn-border-width:         $border-width;
+
+// Navs
+
+$nav-item-margin:               1.5rem;
+$nav-item-inline-spacer:        1rem !default;
+$nav-link-padding:              .5em 1.5em;
+$nav-link-hover-bg:             $gray-lighter !default;
+$nav-disabled-link-color:       $gray-light !default;