1 |
87dbc3bf
|
Benjamin Luce
|
//
|
2 |
|
|
// Variables
|
3 |
|
|
// --------------------------------------------------
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
// Global values
|
7 |
|
|
// --------------------------------------------------
|
8 |
|
|
|
9 |
|
|
// Grays
|
10 |
|
|
// -------------------------
|
11 |
|
|
|
12 |
|
|
@gray-darker: lighten(#000, 13.5%); // #222
|
13 |
|
|
@gray-dark: lighten(#000, 20%); // #333
|
14 |
|
|
@gray: lighten(#000, 33.5%); // #555
|
15 |
|
|
@gray-light: lighten(#000, 60%); // #999
|
16 |
|
|
@gray-lighter: lighten(#000, 93.5%); // #eee
|
17 |
|
|
|
18 |
|
|
// Brand colors
|
19 |
|
|
// -------------------------
|
20 |
|
|
|
21 |
|
|
@brand-primary: #428bca;
|
22 |
|
|
@brand-success: #5cb85c;
|
23 |
|
|
@brand-warning: #f0ad4e;
|
24 |
|
|
@brand-danger: #d9534f;
|
25 |
|
|
@brand-info: #5bc0de;
|
26 |
|
|
|
27 |
|
|
// Scaffolding
|
28 |
|
|
// -------------------------
|
29 |
|
|
|
30 |
|
|
@body-bg: #fff;
|
31 |
|
|
@text-color: @gray-dark;
|
32 |
|
|
|
33 |
|
|
// Links
|
34 |
|
|
// -------------------------
|
35 |
|
|
|
36 |
|
|
@link-color: @brand-primary;
|
37 |
|
|
@link-hover-color: darken(@link-color, 15%);
|
38 |
|
|
|
39 |
|
|
// Typography
|
40 |
|
|
// -------------------------
|
41 |
|
|
|
42 |
|
|
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
43 |
|
|
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
44 |
|
|
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
|
45 |
|
|
@font-family-base: @font-family-sans-serif;
|
46 |
|
|
|
47 |
|
|
@font-size-base: 14px;
|
48 |
|
|
@font-size-large: ceil(@font-size-base * 1.25); // ~18px
|
49 |
|
|
@font-size-small: ceil(@font-size-base * 0.85); // ~12px
|
50 |
|
|
|
51 |
|
|
@font-size-h1: floor(@font-size-base * 2.6); // ~36px
|
52 |
|
|
@font-size-h2: floor(@font-size-base * 2.15); // ~30px
|
53 |
|
|
@font-size-h3: ceil(@font-size-base * 1.7); // ~24px
|
54 |
|
|
@font-size-h4: ceil(@font-size-base * 1.25); // ~18px
|
55 |
|
|
@font-size-h5: @font-size-base;
|
56 |
|
|
@font-size-h6: ceil(@font-size-base * 0.85); // ~12px
|
57 |
|
|
|
58 |
|
|
@line-height-base: 1.428571429; // 20/14
|
59 |
|
|
@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
|
60 |
|
|
|
61 |
|
|
@headings-font-family: @font-family-base;
|
62 |
|
|
@headings-font-weight: 500;
|
63 |
|
|
@headings-line-height: 1.1;
|
64 |
|
|
@headings-color: inherit;
|
65 |
|
|
|
66 |
|
|
|
67 |
|
|
// Iconography
|
68 |
|
|
// -------------------------
|
69 |
|
|
|
70 |
|
|
@icon-font-path: "../bootstrap/fonts/";
|
71 |
|
|
@icon-font-name: "glyphicons-halflings-regular";
|
72 |
|
|
|
73 |
|
|
|
74 |
|
|
// Components
|
75 |
|
|
// -------------------------
|
76 |
|
|
// Based on 14px font-size and 1.428 line-height (~20px to start)
|
77 |
|
|
|
78 |
|
|
@padding-base-vertical: 6px;
|
79 |
|
|
@padding-base-horizontal: 12px;
|
80 |
|
|
|
81 |
|
|
@padding-large-vertical: 10px;
|
82 |
|
|
@padding-large-horizontal: 16px;
|
83 |
|
|
|
84 |
|
|
@padding-small-vertical: 5px;
|
85 |
|
|
@padding-small-horizontal: 10px;
|
86 |
|
|
|
87 |
|
|
@line-height-large: 1.33;
|
88 |
|
|
@line-height-small: 1.5;
|
89 |
|
|
|
90 |
|
|
@border-radius-base: 4px;
|
91 |
|
|
@border-radius-large: 6px;
|
92 |
|
|
@border-radius-small: 3px;
|
93 |
|
|
|
94 |
|
|
@component-active-color: #fff;
|
95 |
|
|
@component-active-bg: @brand-primary;
|
96 |
|
|
|
97 |
|
|
@caret-width-base: 4px;
|
98 |
|
|
@caret-width-large: 5px;
|
99 |
|
|
|
100 |
|
|
// Tables
|
101 |
|
|
// -------------------------
|
102 |
|
|
|
103 |
|
|
@table-cell-padding: 8px;
|
104 |
|
|
@table-condensed-cell-padding: 5px;
|
105 |
|
|
|
106 |
|
|
@table-bg: transparent; // overall background-color
|
107 |
|
|
@table-bg-accent: #f9f9f9; // for striping
|
108 |
|
|
@table-bg-hover: #f5f5f5;
|
109 |
|
|
@table-bg-active: @table-bg-hover;
|
110 |
|
|
|
111 |
|
|
@table-border-color: #ddd; // table and cell border
|
112 |
|
|
|
113 |
|
|
|
114 |
|
|
// Buttons
|
115 |
|
|
// -------------------------
|
116 |
|
|
|
117 |
|
|
@btn-font-weight: normal;
|
118 |
|
|
|
119 |
|
|
@btn-default-color: #333;
|
120 |
|
|
@btn-default-bg: #fff;
|
121 |
|
|
@btn-default-border: #ccc;
|
122 |
|
|
|
123 |
|
|
@btn-primary-color: #fff;
|
124 |
|
|
@btn-primary-bg: @brand-primary;
|
125 |
|
|
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
126 |
|
|
|
127 |
|
|
@btn-success-color: #fff;
|
128 |
|
|
@btn-success-bg: @brand-success;
|
129 |
|
|
@btn-success-border: darken(@btn-success-bg, 5%);
|
130 |
|
|
|
131 |
|
|
@btn-warning-color: #fff;
|
132 |
|
|
@btn-warning-bg: @brand-warning;
|
133 |
|
|
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
134 |
|
|
|
135 |
|
|
@btn-danger-color: #fff;
|
136 |
|
|
@btn-danger-bg: @brand-danger;
|
137 |
|
|
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
138 |
|
|
|
139 |
|
|
@btn-info-color: #fff;
|
140 |
|
|
@btn-info-bg: @brand-info;
|
141 |
|
|
@btn-info-border: darken(@btn-info-bg, 5%);
|
142 |
|
|
|
143 |
|
|
@btn-link-disabled-color: @gray-light;
|
144 |
|
|
|
145 |
|
|
|
146 |
|
|
// Forms
|
147 |
|
|
// -------------------------
|
148 |
|
|
|
149 |
|
|
@input-bg: #fff;
|
150 |
|
|
@input-bg-disabled: @gray-lighter;
|
151 |
|
|
|
152 |
|
|
@input-color: @gray;
|
153 |
|
|
@input-border: #ccc;
|
154 |
|
|
@input-border-radius: @border-radius-base;
|
155 |
|
|
@input-border-focus: #66afe9;
|
156 |
|
|
|
157 |
|
|
@input-color-placeholder: @gray-light;
|
158 |
|
|
|
159 |
|
|
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
160 |
|
|
@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
161 |
|
|
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
|
162 |
|
|
|
163 |
|
|
@legend-color: @gray-dark;
|
164 |
|
|
@legend-border-color: #e5e5e5;
|
165 |
|
|
|
166 |
|
|
@input-group-addon-bg: @gray-lighter;
|
167 |
|
|
@input-group-addon-border-color: @input-border;
|
168 |
|
|
|
169 |
|
|
|
170 |
|
|
// Dropdowns
|
171 |
|
|
// -------------------------
|
172 |
|
|
|
173 |
|
|
@dropdown-bg: #fff;
|
174 |
|
|
@dropdown-border: rgba(0,0,0,.15);
|
175 |
|
|
@dropdown-fallback-border: #ccc;
|
176 |
|
|
@dropdown-divider-bg: #e5e5e5;
|
177 |
|
|
|
178 |
|
|
@dropdown-link-color: @gray-dark;
|
179 |
|
|
@dropdown-link-hover-color: darken(@gray-dark, 5%);
|
180 |
|
|
@dropdown-link-hover-bg: #f5f5f5;
|
181 |
|
|
|
182 |
|
|
@dropdown-link-active-color: @component-active-color;
|
183 |
|
|
@dropdown-link-active-bg: @component-active-bg;
|
184 |
|
|
|
185 |
|
|
@dropdown-link-disabled-color: @gray-light;
|
186 |
|
|
|
187 |
|
|
@dropdown-header-color: @gray-light;
|
188 |
|
|
|
189 |
|
|
@dropdown-caret-color: #000;
|
190 |
|
|
|
191 |
|
|
|
192 |
|
|
// COMPONENT VARIABLES
|
193 |
|
|
// --------------------------------------------------
|
194 |
|
|
|
195 |
|
|
|
196 |
|
|
// Z-index master list
|
197 |
|
|
// -------------------------
|
198 |
|
|
// Used for a bird's eye view of components dependent on the z-axis
|
199 |
|
|
// Try to avoid customizing these :)
|
200 |
|
|
|
201 |
|
|
@zindex-navbar: 1000;
|
202 |
|
|
@zindex-dropdown: 1000;
|
203 |
|
|
@zindex-popover: 1010;
|
204 |
|
|
@zindex-tooltip: 1030;
|
205 |
|
|
@zindex-navbar-fixed: 1030;
|
206 |
|
|
@zindex-modal-background: 1040;
|
207 |
|
|
@zindex-modal: 1050;
|
208 |
|
|
|
209 |
|
|
// Media queries breakpoints
|
210 |
|
|
// --------------------------------------------------
|
211 |
|
|
|
212 |
|
|
// Extra small screen / phone
|
213 |
|
|
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
|
214 |
|
|
@screen-xs: 480px;
|
215 |
|
|
@screen-xs-min: @screen-xs;
|
216 |
|
|
@screen-phone: @screen-xs-min;
|
217 |
|
|
|
218 |
|
|
// Small screen / tablet
|
219 |
|
|
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
|
220 |
|
|
@screen-sm: 768px;
|
221 |
|
|
@screen-sm-min: @screen-sm;
|
222 |
|
|
@screen-tablet: @screen-sm-min;
|
223 |
|
|
|
224 |
|
|
// Medium screen / desktop
|
225 |
|
|
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
|
226 |
|
|
@screen-md: 992px;
|
227 |
|
|
@screen-md-min: @screen-md;
|
228 |
|
|
@screen-desktop: @screen-md-min;
|
229 |
|
|
|
230 |
|
|
// Large screen / wide desktop
|
231 |
|
|
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
|
232 |
|
|
@screen-lg: 1200px;
|
233 |
|
|
@screen-lg-min: @screen-lg;
|
234 |
|
|
@screen-lg-desktop: @screen-lg-min;
|
235 |
|
|
|
236 |
|
|
// So media queries don't overlap when required, provide a maximum
|
237 |
|
|
@screen-xs-max: (@screen-sm-min - 1);
|
238 |
|
|
@screen-sm-max: (@screen-md-min - 1);
|
239 |
|
|
@screen-md-max: (@screen-lg-min - 1);
|
240 |
|
|
|
241 |
|
|
|
242 |
|
|
// Grid system
|
243 |
|
|
// --------------------------------------------------
|
244 |
|
|
|
245 |
|
|
// Number of columns in the grid system
|
246 |
|
|
@grid-columns: 12;
|
247 |
|
|
// Padding, to be divided by two and applied to the left and right of all columns
|
248 |
|
|
@grid-gutter-width: 30px;
|
249 |
|
|
// Point at which the navbar stops collapsing
|
250 |
|
|
@grid-float-breakpoint: @screen-sm-min;
|
251 |
|
|
|
252 |
|
|
|
253 |
|
|
// Navbar
|
254 |
|
|
// -------------------------
|
255 |
|
|
|
256 |
|
|
// Basics of a navbar
|
257 |
|
|
@navbar-height: 50px;
|
258 |
|
|
@navbar-margin-bottom: @line-height-computed;
|
259 |
|
|
@navbar-border-radius: @border-radius-base;
|
260 |
|
|
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
|
261 |
|
|
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
262 |
|
|
|
263 |
|
|
@navbar-default-color: #777;
|
264 |
|
|
@navbar-default-bg: #f8f8f8;
|
265 |
|
|
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
|
266 |
|
|
|
267 |
|
|
// Navbar links
|
268 |
|
|
@navbar-default-link-color: #777;
|
269 |
|
|
@navbar-default-link-hover-color: #333;
|
270 |
|
|
@navbar-default-link-hover-bg: transparent;
|
271 |
|
|
@navbar-default-link-active-color: #555;
|
272 |
|
|
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
|
273 |
|
|
@navbar-default-link-disabled-color: #ccc;
|
274 |
|
|
@navbar-default-link-disabled-bg: transparent;
|
275 |
|
|
|
276 |
|
|
// Navbar brand label
|
277 |
|
|
@navbar-default-brand-color: @navbar-default-link-color;
|
278 |
|
|
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
|
279 |
|
|
@navbar-default-brand-hover-bg: transparent;
|
280 |
|
|
|
281 |
|
|
// Navbar toggle
|
282 |
|
|
@navbar-default-toggle-hover-bg: #ddd;
|
283 |
|
|
@navbar-default-toggle-icon-bar-bg: #ccc;
|
284 |
|
|
@navbar-default-toggle-border-color: #ddd;
|
285 |
|
|
|
286 |
|
|
|
287 |
|
|
// Inverted navbar
|
288 |
|
|
//
|
289 |
|
|
// Reset inverted navbar basics
|
290 |
|
|
@navbar-inverse-color: @gray-light;
|
291 |
|
|
@navbar-inverse-bg: #222;
|
292 |
|
|
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
293 |
|
|
|
294 |
|
|
// Inverted navbar links
|
295 |
|
|
@navbar-inverse-link-color: @gray-light;
|
296 |
|
|
@navbar-inverse-link-hover-color: #fff;
|
297 |
|
|
@navbar-inverse-link-hover-bg: transparent;
|
298 |
|
|
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
299 |
|
|
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
|
300 |
|
|
@navbar-inverse-link-disabled-color: #444;
|
301 |
|
|
@navbar-inverse-link-disabled-bg: transparent;
|
302 |
|
|
|
303 |
|
|
// Inverted navbar brand label
|
304 |
|
|
@navbar-inverse-brand-color: @navbar-inverse-link-color;
|
305 |
|
|
@navbar-inverse-brand-hover-color: #fff;
|
306 |
|
|
@navbar-inverse-brand-hover-bg: transparent;
|
307 |
|
|
|
308 |
|
|
// Inverted navbar toggle
|
309 |
|
|
@navbar-inverse-toggle-hover-bg: #333;
|
310 |
|
|
@navbar-inverse-toggle-icon-bar-bg: #fff;
|
311 |
|
|
@navbar-inverse-toggle-border-color: #333;
|
312 |
|
|
|
313 |
|
|
|
314 |
|
|
// Navs
|
315 |
|
|
// -------------------------
|
316 |
|
|
|
317 |
|
|
@nav-link-padding: 10px 15px;
|
318 |
|
|
@nav-link-hover-bg: @gray-lighter;
|
319 |
|
|
|
320 |
|
|
@nav-disabled-link-color: @gray-light;
|
321 |
|
|
@nav-disabled-link-hover-color: @gray-light;
|
322 |
|
|
|
323 |
|
|
@nav-open-link-hover-color: #fff;
|
324 |
|
|
@nav-open-caret-border-color: #fff;
|
325 |
|
|
|
326 |
|
|
// Tabs
|
327 |
|
|
@nav-tabs-border-color: #ddd;
|
328 |
|
|
|
329 |
|
|
@nav-tabs-link-hover-border-color: @gray-lighter;
|
330 |
|
|
|
331 |
|
|
@nav-tabs-active-link-hover-bg: @body-bg;
|
332 |
|
|
@nav-tabs-active-link-hover-color: @gray;
|
333 |
|
|
@nav-tabs-active-link-hover-border-color: #ddd;
|
334 |
|
|
|
335 |
|
|
@nav-tabs-justified-link-border-color: #ddd;
|
336 |
|
|
@nav-tabs-justified-active-link-border-color: @body-bg;
|
337 |
|
|
|
338 |
|
|
// Pills
|
339 |
|
|
@nav-pills-border-radius: @border-radius-base;
|
340 |
|
|
@nav-pills-active-link-hover-bg: @component-active-bg;
|
341 |
|
|
@nav-pills-active-link-hover-color: @component-active-color;
|
342 |
|
|
|
343 |
|
|
|
344 |
|
|
// Pagination
|
345 |
|
|
// -------------------------
|
346 |
|
|
|
347 |
|
|
@pagination-bg: #fff;
|
348 |
|
|
@pagination-border: #ddd;
|
349 |
|
|
|
350 |
|
|
@pagination-hover-bg: @gray-lighter;
|
351 |
|
|
|
352 |
|
|
@pagination-active-bg: @brand-primary;
|
353 |
|
|
@pagination-active-color: #fff;
|
354 |
|
|
|
355 |
|
|
@pagination-disabled-color: @gray-light;
|
356 |
|
|
|
357 |
|
|
|
358 |
|
|
// Pager
|
359 |
|
|
// -------------------------
|
360 |
|
|
|
361 |
|
|
@pager-border-radius: 15px;
|
362 |
|
|
@pager-disabled-color: @gray-light;
|
363 |
|
|
|
364 |
|
|
|
365 |
|
|
// Jumbotron
|
366 |
|
|
// -------------------------
|
367 |
|
|
|
368 |
|
|
@jumbotron-padding: 30px;
|
369 |
|
|
@jumbotron-color: inherit;
|
370 |
|
|
@jumbotron-bg: @gray-lighter;
|
371 |
|
|
@jumbotron-heading-color: inherit;
|
372 |
|
|
@jumbotron-font-size: ceil(@font-size-base * 1.5);
|
373 |
|
|
|
374 |
|
|
|
375 |
|
|
// Form states and alerts
|
376 |
|
|
// -------------------------
|
377 |
|
|
|
378 |
|
|
@state-success-text: #468847;
|
379 |
|
|
@state-success-bg: #dff0d8;
|
380 |
|
|
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
381 |
|
|
|
382 |
|
|
@state-info-text: #3a87ad;
|
383 |
|
|
@state-info-bg: #d9edf7;
|
384 |
|
|
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
385 |
|
|
|
386 |
|
|
@state-warning-text: #c09853;
|
387 |
|
|
@state-warning-bg: #fcf8e3;
|
388 |
|
|
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
|
389 |
|
|
|
390 |
|
|
@state-danger-text: #b94a48;
|
391 |
|
|
@state-danger-bg: #f2dede;
|
392 |
|
|
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
|
393 |
|
|
|
394 |
|
|
|
395 |
|
|
// Tooltips
|
396 |
|
|
// -------------------------
|
397 |
|
|
@tooltip-max-width: 200px;
|
398 |
|
|
@tooltip-color: #fff;
|
399 |
|
|
@tooltip-bg: #000;
|
400 |
|
|
|
401 |
|
|
@tooltip-arrow-width: 5px;
|
402 |
|
|
@tooltip-arrow-color: @tooltip-bg;
|
403 |
|
|
|
404 |
|
|
|
405 |
|
|
// Popovers
|
406 |
|
|
// -------------------------
|
407 |
|
|
@popover-bg: #fff;
|
408 |
|
|
@popover-max-width: 276px;
|
409 |
|
|
@popover-border-color: rgba(0,0,0,.2);
|
410 |
|
|
@popover-fallback-border-color: #ccc;
|
411 |
|
|
|
412 |
|
|
@popover-title-bg: darken(@popover-bg, 3%);
|
413 |
|
|
|
414 |
|
|
@popover-arrow-width: 10px;
|
415 |
|
|
@popover-arrow-color: #fff;
|
416 |
|
|
|
417 |
|
|
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
418 |
|
|
@popover-arrow-outer-color: rgba(0,0,0,.25);
|
419 |
|
|
@popover-arrow-outer-fallback-color: #999;
|
420 |
|
|
|
421 |
|
|
|
422 |
|
|
// Labels
|
423 |
|
|
// -------------------------
|
424 |
|
|
|
425 |
|
|
@label-default-bg: @gray-light;
|
426 |
|
|
@label-primary-bg: @brand-primary;
|
427 |
|
|
@label-success-bg: @brand-success;
|
428 |
|
|
@label-info-bg: @brand-info;
|
429 |
|
|
@label-warning-bg: @brand-warning;
|
430 |
|
|
@label-danger-bg: @brand-danger;
|
431 |
|
|
|
432 |
|
|
@label-color: #fff;
|
433 |
|
|
@label-link-hover-color: #fff;
|
434 |
|
|
|
435 |
|
|
|
436 |
|
|
// Modals
|
437 |
|
|
// -------------------------
|
438 |
|
|
@modal-inner-padding: 20px;
|
439 |
|
|
|
440 |
|
|
@modal-title-padding: 15px;
|
441 |
|
|
@modal-title-line-height: @line-height-base;
|
442 |
|
|
|
443 |
|
|
@modal-content-bg: #fff;
|
444 |
|
|
@modal-content-border-color: rgba(0,0,0,.2);
|
445 |
|
|
@modal-content-fallback-border-color: #999;
|
446 |
|
|
|
447 |
|
|
@modal-backdrop-bg: #000;
|
448 |
|
|
@modal-header-border-color: #e5e5e5;
|
449 |
|
|
@modal-footer-border-color: @modal-header-border-color;
|
450 |
|
|
|
451 |
|
|
|
452 |
|
|
// Alerts
|
453 |
|
|
// -------------------------
|
454 |
|
|
@alert-padding: 15px;
|
455 |
|
|
@alert-border-radius: @border-radius-base;
|
456 |
|
|
@alert-link-font-weight: bold;
|
457 |
|
|
|
458 |
|
|
@alert-success-bg: @state-success-bg;
|
459 |
|
|
@alert-success-text: @state-success-text;
|
460 |
|
|
@alert-success-border: @state-success-border;
|
461 |
|
|
|
462 |
|
|
@alert-info-bg: @state-info-bg;
|
463 |
|
|
@alert-info-text: @state-info-text;
|
464 |
|
|
@alert-info-border: @state-info-border;
|
465 |
|
|
|
466 |
|
|
@alert-warning-bg: @state-warning-bg;
|
467 |
|
|
@alert-warning-text: @state-warning-text;
|
468 |
|
|
@alert-warning-border: @state-warning-border;
|
469 |
|
|
|
470 |
|
|
@alert-danger-bg: @state-danger-bg;
|
471 |
|
|
@alert-danger-text: @state-danger-text;
|
472 |
|
|
@alert-danger-border: @state-danger-border;
|
473 |
|
|
|
474 |
|
|
|
475 |
|
|
// Progress bars
|
476 |
|
|
// -------------------------
|
477 |
|
|
@progress-bg: #f5f5f5;
|
478 |
|
|
@progress-bar-color: #fff;
|
479 |
|
|
|
480 |
|
|
@progress-bar-bg: @brand-primary;
|
481 |
|
|
@progress-bar-success-bg: @brand-success;
|
482 |
|
|
@progress-bar-warning-bg: @brand-warning;
|
483 |
|
|
@progress-bar-danger-bg: @brand-danger;
|
484 |
|
|
@progress-bar-info-bg: @brand-info;
|
485 |
|
|
|
486 |
|
|
|
487 |
|
|
// List group
|
488 |
|
|
// -------------------------
|
489 |
|
|
@list-group-bg: #fff;
|
490 |
|
|
@list-group-border: #ddd;
|
491 |
|
|
@list-group-border-radius: @border-radius-base;
|
492 |
|
|
|
493 |
|
|
@list-group-hover-bg: #f5f5f5;
|
494 |
|
|
@list-group-active-color: @component-active-color;
|
495 |
|
|
@list-group-active-bg: @component-active-bg;
|
496 |
|
|
@list-group-active-border: @list-group-active-bg;
|
497 |
|
|
|
498 |
|
|
@list-group-link-color: #555;
|
499 |
|
|
@list-group-link-heading-color: #333;
|
500 |
|
|
|
501 |
|
|
|
502 |
|
|
// Panels
|
503 |
|
|
// -------------------------
|
504 |
|
|
@panel-bg: #fff;
|
505 |
|
|
@panel-inner-border: #ddd;
|
506 |
|
|
@panel-border-radius: @border-radius-base;
|
507 |
|
|
@panel-footer-bg: #f5f5f5;
|
508 |
|
|
|
509 |
|
|
@panel-default-text: @gray-dark;
|
510 |
|
|
@panel-default-border: #ddd;
|
511 |
|
|
@panel-default-heading-bg: #f5f5f5;
|
512 |
|
|
|
513 |
|
|
@panel-primary-text: #fff;
|
514 |
|
|
@panel-primary-border: @brand-primary;
|
515 |
|
|
@panel-primary-heading-bg: @brand-primary;
|
516 |
|
|
|
517 |
|
|
@panel-success-text: @state-success-text;
|
518 |
|
|
@panel-success-border: @state-success-border;
|
519 |
|
|
@panel-success-heading-bg: @state-success-bg;
|
520 |
|
|
|
521 |
|
|
@panel-warning-text: @state-warning-text;
|
522 |
|
|
@panel-warning-border: @state-warning-border;
|
523 |
|
|
@panel-warning-heading-bg: @state-warning-bg;
|
524 |
|
|
|
525 |
|
|
@panel-danger-text: @state-danger-text;
|
526 |
|
|
@panel-danger-border: @state-danger-border;
|
527 |
|
|
@panel-danger-heading-bg: @state-danger-bg;
|
528 |
|
|
|
529 |
|
|
@panel-info-text: @state-info-text;
|
530 |
|
|
@panel-info-border: @state-info-border;
|
531 |
|
|
@panel-info-heading-bg: @state-info-bg;
|
532 |
|
|
|
533 |
|
|
|
534 |
|
|
// Thumbnails
|
535 |
|
|
// -------------------------
|
536 |
|
|
@thumbnail-padding: 4px;
|
537 |
|
|
@thumbnail-bg: @body-bg;
|
538 |
|
|
@thumbnail-border: #ddd;
|
539 |
|
|
@thumbnail-border-radius: @border-radius-base;
|
540 |
|
|
|
541 |
|
|
@thumbnail-caption-color: @text-color;
|
542 |
|
|
@thumbnail-caption-padding: 9px;
|
543 |
|
|
|
544 |
|
|
|
545 |
|
|
// Wells
|
546 |
|
|
// -------------------------
|
547 |
|
|
@well-bg: #f5f5f5;
|
548 |
|
|
|
549 |
|
|
|
550 |
|
|
// Badges
|
551 |
|
|
// -------------------------
|
552 |
|
|
@badge-color: #fff;
|
553 |
|
|
@badge-link-hover-color: #fff;
|
554 |
|
|
@badge-bg: @gray-light;
|
555 |
|
|
|
556 |
|
|
@badge-active-color: @link-color;
|
557 |
|
|
@badge-active-bg: #fff;
|
558 |
|
|
|
559 |
|
|
@badge-font-weight: bold;
|
560 |
|
|
@badge-line-height: 1;
|
561 |
|
|
@badge-border-radius: 10px;
|
562 |
|
|
|
563 |
|
|
|
564 |
|
|
// Breadcrumbs
|
565 |
|
|
// -------------------------
|
566 |
|
|
@breadcrumb-bg: #f5f5f5;
|
567 |
|
|
@breadcrumb-color: #ccc;
|
568 |
|
|
@breadcrumb-active-color: @gray-light;
|
569 |
|
|
@breadcrumb-separator: "/";
|
570 |
|
|
|
571 |
|
|
|
572 |
|
|
// Carousel
|
573 |
|
|
// ------------------------
|
574 |
|
|
|
575 |
|
|
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
576 |
|
|
|
577 |
|
|
@carousel-control-color: #fff;
|
578 |
|
|
@carousel-control-width: 15%;
|
579 |
|
|
@carousel-control-opacity: .5;
|
580 |
|
|
@carousel-control-font-size: 20px;
|
581 |
|
|
|
582 |
|
|
@carousel-indicator-active-bg: #fff;
|
583 |
|
|
@carousel-indicator-border-color: #fff;
|
584 |
|
|
|
585 |
|
|
@carousel-caption-color: #fff;
|
586 |
|
|
|
587 |
|
|
|
588 |
|
|
// Close
|
589 |
|
|
// ------------------------
|
590 |
|
|
@close-font-weight: bold;
|
591 |
|
|
@close-color: #000;
|
592 |
|
|
@close-text-shadow: 0 1px 0 #fff;
|
593 |
|
|
|
594 |
|
|
|
595 |
|
|
// Code
|
596 |
|
|
// ------------------------
|
597 |
|
|
@code-color: #c7254e;
|
598 |
|
|
@code-bg: #f9f2f4;
|
599 |
|
|
|
600 |
|
|
@pre-bg: #f5f5f5;
|
601 |
|
|
@pre-color: @gray-dark;
|
602 |
|
|
@pre-border-color: #ccc;
|
603 |
|
|
@pre-scrollable-max-height: 340px;
|
604 |
|
|
|
605 |
|
|
// Type
|
606 |
|
|
// ------------------------
|
607 |
|
|
@text-muted: @gray-light;
|
608 |
|
|
@abbr-border-color: @gray-light;
|
609 |
|
|
@headings-small-color: @gray-light;
|
610 |
|
|
@blockquote-small-color: @gray-light;
|
611 |
|
|
@blockquote-border-color: @gray-lighter;
|
612 |
|
|
@page-header-border-color: @gray-lighter;
|
613 |
|
|
|
614 |
|
|
// Miscellaneous
|
615 |
|
|
// -------------------------
|
616 |
|
|
|
617 |
|
|
// Hr border color
|
618 |
|
|
@hr-border: @gray-lighter;
|
619 |
|
|
|
620 |
|
|
// Horizontal forms & lists
|
621 |
|
|
@component-offset-horizontal: 180px;
|
622 |
|
|
|
623 |
|
|
|
624 |
|
|
// Container sizes
|
625 |
|
|
// --------------------------------------------------
|
626 |
|
|
|
627 |
|
|
// Small screen / tablet
|
628 |
|
|
@container-tablet: ((720px + @grid-gutter-width));
|
629 |
|
|
@container-sm: @container-tablet;
|
630 |
|
|
|
631 |
|
|
// Medium screen / desktop
|
632 |
|
|
@container-desktop: ((940px + @grid-gutter-width));
|
633 |
|
|
@container-md: @container-desktop;
|
634 |
|
|
|
635 |
|
|
// Large screen / wide desktop
|
636 |
|
|
@container-large-desktop: ((1140px + @grid-gutter-width));
|
637 |
|
|
@container-lg: @container-large-desktop; |