static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss

   1 // Bootstrap overrides
   2 //
   3 // Copy variables from `_variables.scss` to this file to override default values
   4 // without modifying source files.
   5
   6 // Colors added for IPFire branding
   7 $red_900: #b71c1c;
   8 $red_600: #e53935;
   9 $amber_800: #ff8f00;
  10 $yellow_700: #fbc02d;
  11 $blue_700: #1976d2;
  12 $blue_400: #42a5f5;
  13 $green_600: #43a047;
  14 $green_400: #66bb6a;
  15 $blue_grey_900: #263238;
  16 $blue_grey_700: #455a64;
  17 $blue_grey_600: #546e7a;
  18 $blue_grey_300: #90a4ae;
  19 $blue_grey_50: #eceff1;
  20 $deep_orange_a400: #ff3d00;
  21 $cyan: #00bcd4;
  22
  23 // Reassign color vars to semantic color scheme
  24 $brand-primary:             $blue !default;
  25 $brand-success:             $green !default;
  26 $brand-info:                $teal !default;
  27 $brand-warning:             $orange !default;
  28 $brand-danger:              $red !default;
  29 $brand-inverse:             $gray-dark !default;
  30
  31 // Spacing
  32
  33 $spacer:   1.5rem;
  34 $spacer-x: $spacer !default;
  35 $spacer-y: $spacer !default;
  36 $spacers: (
  37   0: (
  38     x: 0,
  39     y: 0
  40   ),
  41   1: (
  42     x: ($spacer-x * .25),
  43     y: ($spacer-y * .25)
  44   ),
  45   2: (
  46     x: ($spacer-x * .5),
  47     y: ($spacer-y * .5)
  48   ),
  49   3: (
  50     x: $spacer-x,
  51     y: $spacer-y
  52   ),
  53   4: (
  54     x: ($spacer-x * 1.5),
  55     y: ($spacer-y * 1.5)
  56   ),
  57   5: (
  58     x: ($spacer-x * 3),
  59     y: ($spacer-y * 3)
  60   )
  61 ) !default;
  62
  63 $border-width: 2px;
  64
  65 // Links
  66
  67 $link-color:            $blue_grey_900;
  68
  69 // Grid
  70
  71 $grid-gutter-width-base:     24px;
  72
  73 // Fonts
  74
  75 @import url('https://fonts.googleapis.com/css?family=Ubuntu');
  76 $font-family-sans-serif: 'Ubuntu', sans-serif;
  77 $font-family-base:       $font-family-sans-serif;
  78
  79 $font-size-lg:   1.25rem;
  80
  81 $font-size-h1: 3rem;
  82 $font-size-h2: 2.5rem;
  83 $font-size-h3: 2.25rem;
  84 $font-size-h4: 2rem;
  85 $font-size-h5: 1.5rem;
  86 $font-size-h6: 1.25rem;
  87
  88 $display1-size: 7.5rem;
  89 $display4-size: 1.5rem;
  90
  91
  92 // Buttons
  93
  94 $btn-padding-x:                  1rem;
  95 $btn-padding-y:                  .5rem !default;
  96 $btn-line-height:                1.25 !default;
  97 $btn-font-weight:                $font-weight-normal !default;
  98 $btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
  99 $btn-focus-box-shadow:           0 0 0 2px rgba($brand-primary, .25) !default;
 100 $btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;
 101
 102 $btn-primary-color:              $red_900;
 103 $btn-primary-bg:                 $red_900;
 104 $btn-primary-border:             $red_900;
 105
 106 $btn-secondary-color:            $blue_grey_600;
 107 $btn-secondary-bg:               $white !default;
 108 $btn-secondary-border:           $blue_grey_600;
 109
 110 $btn-info-color:                 $white !default;
 111 $btn-info-bg:                    $brand-info !default;
 112 $btn-info-border:                $btn-info-bg !default;
 113
 114 $btn-success-color:              $white !default;
 115 $btn-success-bg:                 $brand-success !default;
 116 $btn-success-border:             $btn-success-bg !default;
 117
 118 $btn-warning-color:              $white !default;
 119 $btn-warning-bg:                 $brand-warning !default;
 120 $btn-warning-border:             $btn-warning-bg !default;
 121
 122 $btn-danger-color:               $white !default;
 123 $btn-danger-bg:                  $brand-danger !default;
 124 $btn-danger-border:              $btn-danger-bg !default;
 125
 126 $btn-link-disabled-color:        $gray-light !default;
 127
 128 $btn-padding-x-sm:               .5rem !default;
 129 $btn-padding-y-sm:               .25rem !default;
 130
 131 $btn-padding-x-lg:               2rem;
 132 $btn-padding-y-lg:               .75rem !default;
 133
 134 $btn-block-spacing-y:            .5rem !default;
 135 $btn-toolbar-margin:             .5rem !default;
 136
 137 // Allows for customizing button radius independently from global border radius
 138 $btn-border-radius-lg:           .125rem;
 139
 140
 141 $input-btn-border-width:         $border-width;
 142
 143 // Navs
 144
 145 $nav-item-margin:               1.5rem;
 146 $nav-item-inline-spacer:        1rem !default;
 147 $nav-link-padding:              .5em 1.5em;
 148 $nav-link-hover-bg:             $gray-lighter !default;
 149 $nav-disabled-link-color:       $gray-light !default;