box shadows on buttons

[people/shoehn/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:   0.5rem;
$spacer-x: $spacer;
$spacer-y: $spacer;
$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 * 2),
    y: ($spacer-y * 2)
  ),
  6: (
    x: ($spacer-x * 6),
    y: ($spacer-y * 6)
  )
);

$border-width: 2px;

// Links

$link-color:            $red_900;
$link-hover-color:      darken($link-color, 15%);
$link-hover-decoration: none;

// Grid

$grid-gutter-width-base:     24px;

// Fonts

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
$font-family-sans-serif: 'Ubuntu', sans-serif;
$font-family-base:       $font-family-sans-serif;

$font-size-lg:   1.25rem;

$font-weight-normal: 300;

$font-size-h1: 2.25rem;
$font-size-h2: 2rem;
$font-size-h3: 1.5rem;
$font-size-h4: 1.25rem;
$font-size-h5: 1rem;
$font-size-h6: 0.75rem;

$headings-font-weight:   400;

$display1-size: 7.5rem;
$display2-size: 3rem;
$display3-size: 2.25rem;
$display4-size: 1.5rem;

$lead-font-size:   1.5rem;

$small-font-size: .875rem;


// 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:                 none;
$btn-focus-box-shadow:           none;
$btn-active-box-shadow:          none;

$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-red900-color:				 $white !important;
$btn-red900-bg:					 $red_900;
$btn-red900-border:				 $btn-red900-bg;

$btn-white-color:				 $red_900;
$btn-white-bg:					 $white;
$btn-white-border:				 $btn-white-bg;

$btn-bluegrey900-color:			 $white;
$btn-bluegrey900-bg:			 $blue_grey_900;
$btn-bluegrey900-border:		 $btn-bluegrey900-bg;

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

// Navbar

$navbar-padding-x:                  $spacer;
$navbar-padding-y:                  $spacer;