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