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:   0.5rem;
  34 $spacer-x: $spacer;
  35 $spacer-y: $spacer;
  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 * 2),
  59     y: ($spacer-y * 2)
  60   ),
  61   6: (
  62     x: ($spacer-x * 6),
  63     y: ($spacer-y * 6)
  64   )
  65 );
  66
  67 $border-width: 2px;
  68
  69 // Body
  70 //
  71 // Settings for the `<body>` element.
  72
  73 $body-bg:       $blue_grey_50;
  74 $body-color:    $blue_grey_900;
  75 $inverse-bg:    $gray-dark !default;
  76 $inverse-color: $gray-lighter !default;
  77
  78 // Links
  79
  80 $link-color:            $red_900;
  81 $link-hover-color:      darken($link-color, 15%);
  82 $link-hover-decoration: none;
  83
  84 // Grid
  85
  86 $grid-columns:               12 !default;
  87 $grid-gutter-width-base:     24px;
  88 $grid-gutter-widths: (
  89   xs: $grid-gutter-width-base,
  90   sm: $grid-gutter-width-base,
  91   md: $grid-gutter-width-base,
  92   lg: $grid-gutter-width-base,
  93   xl: $grid-gutter-width-base
  94 );
  95
  96 // Fonts
  97
  98 @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
  99 $font-family-sans-serif: 'Ubuntu', sans-serif;
 100 $font-family-base:       $font-family-sans-serif;
 101
 102 $font-size-lg:   1.25rem;
 103
 104 $font-weight-normal: 300;
 105 $font-weight-bold: 500;
 106
 107 $font-weight-base: $font-weight-normal;
 108
 109 $font-size-h1: 2.25rem;
 110 $font-size-h2: 2rem;
 111 $font-size-h3: 1.5rem;
 112 $font-size-h4: 1.25rem;
 113 $font-size-h5: 1rem;
 114 $font-size-h6: 0.75rem;
 115
 116 $headings-font-weight:   400;
 117
 118 $display1-size: 7.5rem;
 119 $display2-size: 3rem;
 120 $display3-size: 2.25rem;
 121 $display4-size: 1.5rem;
 122
 123 $lead-font-size:   1.5rem;
 124
 125 $small-font-size: .875rem;
 126
 127
 128 // Buttons
 129
 130 $btn-padding-x:                  1rem;
 131 $btn-padding-y:                  .5rem !default;
 132 $btn-line-height:                .95;
 133 $btn-font-weight:                600;
 134 $btn-box-shadow:                 none;
 135 $btn-focus-box-shadow:           none;
 136 $btn-active-box-shadow:          none;
 137
 138 $btn-primary-bg:                 $red_900;
 139 $btn-primary-border:             $red_900;
 140
 141 $btn-secondary-color:            $blue_grey_600;
 142 $btn-secondary-bg:               $white !default;
 143 $btn-secondary-border:           $blue_grey_600;
 144
 145 $btn-info-color:                 $white !default;
 146 $btn-info-bg:                    $brand-info !default;
 147 $btn-info-border:                $btn-info-bg !default;
 148
 149 $btn-success-color:              $white !default;
 150 $btn-success-bg:                 $brand-success !default;
 151 $btn-success-border:             $btn-success-bg !default;
 152
 153 $btn-warning-color:              $white !default;
 154 $btn-warning-bg:                 $brand-warning !default;
 155 $btn-warning-border:             $btn-warning-bg !default;
 156
 157 $btn-danger-color:               $white !default;
 158 $btn-danger-bg:                  $brand-danger !default;
 159 $btn-danger-border:              $btn-danger-bg !default;
 160
 161 $btn-red900-color:                               $white !important;
 162 $btn-red900-bg:                                  $red_900;
 163 $btn-red900-border:                              $btn-red900-bg;
 164
 165 $btn-white-color:                                $red_900;
 166 $btn-white-bg:                                   $white;
 167 $btn-white-border:                               $btn-white-bg;
 168
 169 $btn-bluegrey900-color:                  $white;
 170 $btn-bluegrey900-bg:                     $blue_grey_900;
 171 $btn-bluegrey900-border:                 $btn-bluegrey900-bg;
 172
 173 $btn-link-disabled-color:        $gray-light !default;
 174
 175 $btn-padding-x-sm:               .5rem !default;
 176 $btn-padding-y-sm:               .25rem !default;
 177
 178 $btn-padding-x-lg:               2rem;
 179 $btn-padding-y-lg:               .75rem !default;
 180
 181 $btn-block-spacing-y:            .5rem !default;
 182 $btn-toolbar-margin:             .5rem !default;
 183
 184 // Allows for customizing button radius independently from global border radius
 185 $btn-border-radius-lg:           .125rem;
 186
 187
 188 $input-btn-border-width:         $border-width;
 189
 190 // Navs
 191
 192 $nav-item-margin:               1.5rem;
 193 $nav-item-inline-spacer:        1rem !default;
 194 $nav-link-padding:              .5em 1.5em;
 195 $nav-link-hover-bg:             $gray-lighter !default;
 196 $nav-disabled-link-color:       $gray-light !default;
 197
 198 // Navbar
 199
 200 $navbar-padding-x:                  $spacer;
 201 $navbar-padding-y:                  $spacer;