Navbar styling and Intro section for Website - Start - XL

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

// Bootstrap overrides
//
// Copy variables from `_variables.scss` to this file to override default values
// without modifying source files.

// Colors added for IPFire branding
$red_900: #b71c1c;
$red_600: #e53935;
$amber_800: #ff8f00;
$yellow_700: #fbc02d;
$blue_700: #1976d2;
$blue_400: #42a5f5;
$green_600: #43a047;
$green_400: #66bb6a;
$blue_grey_900: #263238;
$blue_grey_700: #455a64;
$blue_grey_600: #546e7a;
$blue_grey_300: #90a4ae;
$blue_grey_50: #eceff1;
$deep_orange_a400: #ff3d00;
$cyan: #00bcd4;

// 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;

// 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

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
$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;