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