3 // Copy variables from `_variables.scss` to this file to override default values
4 // without modifying source files.
6 // Colors added for IPFire branding
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;
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;
71 // Settings for the `<body>` element.
73 $body-bg: $blue_grey_50;
74 $body-color: $blue_grey_900;
75 $inverse-bg: $gray-dark !default;
76 $inverse-color: $gray-lighter !default;
80 $link-color: $red_900;
81 $link-hover-color: darken($link-color, 15%);
82 $link-hover-decoration: none;
87 $grid-columns: 12 !default;
88 $grid-gutter-width-base: 24px;
89 $grid-gutter-widths: (
90 xs: $grid-gutter-width-base,
91 sm: $grid-gutter-width-base,
92 md: $grid-gutter-width-base,
93 lg: $grid-gutter-width-base,
94 xl: $grid-gutter-width-base
99 @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
100 $font-family-sans-serif: 'Ubuntu', sans-serif;
101 $font-family-base: $font-family-sans-serif;
103 $font-size-lg: 1.25rem;
105 $font-weight-normal: 300;
106 $font-weight-bold: 900;
108 $font-size-h1: 2.25rem;
110 $font-size-h3: 1.5rem;
111 $font-size-h4: 1.25rem;
113 $font-size-h6: 0.75rem;
115 $headings-font-weight: 400;
117 $display1-size: 7.5rem;
118 $display2-size: 3rem;
119 $display3-size: 2.25rem;
120 $display4-size: 1.5rem;
122 $lead-font-size: 1.5rem;
124 $small-font-size: .875rem;
129 $btn-padding-x: 1rem;
130 $btn-padding-y: .5rem !default;
131 $btn-line-height: .95;
132 $btn-font-weight: 600;
133 $btn-box-shadow: none;
134 $btn-focus-box-shadow: none;
135 $btn-active-box-shadow: none;
137 $btn-primary-bg: $red_900;
138 $btn-primary-border: $red_900;
140 $btn-secondary-color: $blue_grey_600;
141 $btn-secondary-bg: $white !default;
142 $btn-secondary-border: $blue_grey_600;
144 $btn-info-color: $white !default;
145 $btn-info-bg: $brand-info !default;
146 $btn-info-border: $btn-info-bg !default;
148 $btn-success-color: $white !default;
149 $btn-success-bg: $brand-success !default;
150 $btn-success-border: $btn-success-bg !default;
152 $btn-warning-color: $white !default;
153 $btn-warning-bg: $brand-warning !default;
154 $btn-warning-border: $btn-warning-bg !default;
156 $btn-danger-color: $white !default;
157 $btn-danger-bg: $brand-danger !default;
158 $btn-danger-border: $btn-danger-bg !default;
160 $btn-red900-color: $white !important;
161 $btn-red900-bg: $red_900;
162 $btn-red900-border: $btn-red900-bg;
164 $btn-white-color: $red_900;
165 $btn-white-bg: $white;
166 $btn-white-border: $btn-white-bg;
168 $btn-bluegrey900-color: $white;
169 $btn-bluegrey900-bg: $blue_grey_900;
170 $btn-bluegrey900-border: $btn-bluegrey900-bg;
172 $btn-link-disabled-color: $gray-light !default;
174 $btn-padding-x-sm: .5rem !default;
175 $btn-padding-y-sm: .25rem !default;
177 $btn-padding-x-lg: 2rem;
178 $btn-padding-y-lg: .75rem !default;
180 $btn-block-spacing-y: .5rem !default;
181 $btn-toolbar-margin: .5rem !default;
183 // Allows for customizing button radius independently from global border radius
184 $btn-border-radius-lg: .125rem;
187 $input-btn-border-width: $border-width;
191 $nav-item-margin: 1.5rem;
192 $nav-item-inline-spacer: 1rem !default;
193 $nav-link-padding: .5em 1.5em;
194 $nav-link-hover-bg: $gray-lighter !default;
195 $nav-disabled-link-color: $gray-light !default;
199 $navbar-padding-x: $spacer;
200 $navbar-padding-y: $spacer;