1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 |
|
39 |
|
40 |
|
41 |
|
42 |
|
43 |
|
44 | @mixin _assert-ascending($map, $map-name) {
|
45 | $prev-key: null;
|
46 | $prev-num: null;
|
47 | @each $key, $num in $map {
|
48 | @if $prev-num == null {
|
49 |
|
50 | } @else if not comparable($prev-num, $num) {
|
51 | @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
52 | } @else if $prev-num >= $num {
|
53 | @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
54 | }
|
55 | $prev-key: $key;
|
56 | $prev-num: $num;
|
57 | }
|
58 | }
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 | @function str-replace($string, $search, $replace: "") {
|
67 | $index: str-index($string, $search);
|
68 |
|
69 | @if $index {
|
70 | @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
71 | }
|
72 |
|
73 | @return $string;
|
74 | }
|
75 |
|
76 | @mixin _assert-starts-at-zero($map) {
|
77 | $values: map-values($map);
|
78 | $first-value: nth($values, 1);
|
79 | @if $first-value != 0 {
|
80 | @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
|
81 | }
|
82 | }
|
83 |
|
84 |
|
85 |
|
86 |
|
87 |
|
88 |
|
89 |
|
90 |
|
91 |
|
92 |
|
93 |
|
94 |
|
95 | $white: #fff !default;
|
96 | $black: #000 !default;
|
97 | $red: #d9534f !default;
|
98 | $orange: #f0ad4e !default;
|
99 | $yellow: #ffd500 !default;
|
100 | $green: #5cb85c !default;
|
101 | $blue: #0275d8 !default;
|
102 | $teal: #5bc0de !default;
|
103 | $pink: #ff5b77 !default;
|
104 | $purple: #613d7c !default;
|
105 |
|
106 |
|
107 | $gray-dark: #292b2c !default;
|
108 | $gray: #464a4c !default;
|
109 | $gray-light: #636c72 !default;
|
110 | $gray-lighter: #eceeef !default;
|
111 | $gray-lightest: #f7f7f9 !default;
|
112 |
|
113 |
|
114 | $brand-primary: $blue !default;
|
115 | $brand-success: $green !default;
|
116 | $brand-info: $teal !default;
|
117 | $brand-warning: $orange !default;
|
118 | $brand-danger: $red !default;
|
119 | $brand-inverse: $gray-dark !default;
|
120 |
|
121 |
|
122 |
|
123 |
|
124 |
|
125 |
|
126 | $enable-rounded: true !default;
|
127 | $enable-shadows: false !default;
|
128 | $enable-gradients: false !default;
|
129 | $enable-transitions: true !default;
|
130 | $enable-hover-media-query: false !default;
|
131 | $enable-grid-classes: true !default;
|
132 | $enable-print-styles: true !default;
|
133 |
|
134 |
|
135 |
|
136 |
|
137 |
|
138 |
|
139 |
|
140 |
|
141 | $spacer: 1rem !default;
|
142 | $spacer-x: $spacer !default;
|
143 | $spacer-y: $spacer !default;
|
144 | $spacers: (
|
145 | 0: (
|
146 | x: 0,
|
147 | y: 0
|
148 | ),
|
149 | 1: (
|
150 | x: ($spacer-x * .25),
|
151 | y: ($spacer-y * .25)
|
152 | ),
|
153 | 2: (
|
154 | x: ($spacer-x * .5),
|
155 | y: ($spacer-y * .5)
|
156 | ),
|
157 | 3: (
|
158 | x: $spacer-x,
|
159 | y: $spacer-y
|
160 | ),
|
161 | 4: (
|
162 | x: ($spacer-x * 1.5),
|
163 | y: ($spacer-y * 1.5)
|
164 | ),
|
165 | 5: (
|
166 | x: ($spacer-x * 3),
|
167 | y: ($spacer-y * 3)
|
168 | )
|
169 | ) !default;
|
170 | $border-width: 1px !default;
|
171 |
|
172 |
|
173 | $sizes: (
|
174 | 25: 25%,
|
175 | 50: 50%,
|
176 | 75: 75%,
|
177 | 100: 100%
|
178 | ) !default;
|
179 |
|
180 |
|
181 |
|
182 |
|
183 |
|
184 | $body-bg: $white !default;
|
185 | $body-color: $gray-dark !default;
|
186 | $inverse-bg: $gray-dark !default;
|
187 | $inverse-color: $gray-lighter !default;
|
188 |
|
189 |
|
190 |
|
191 |
|
192 |
|
193 |
|
194 | $link-color: $brand-primary !default;
|
195 | $link-decoration: none !default;
|
196 | $link-hover-color: darken($link-color, 15%) !default;
|
197 | $link-hover-decoration: underline !default;
|
198 |
|
199 |
|
200 |
|
201 |
|
202 |
|
203 |
|
204 |
|
205 | $grid-breakpoints: (
|
206 | xs: 0,
|
207 | sm: 576px,
|
208 | md: 768px,
|
209 | lg: 992px,
|
210 | xl: 1200px
|
211 | ) !default;
|
212 | @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
|
213 | @include _assert-starts-at-zero($grid-breakpoints);
|
214 |
|
215 |
|
216 |
|
217 |
|
218 |
|
219 |
|
220 | $container-max-widths: (
|
221 | sm: 540px,
|
222 | md: 720px,
|
223 | lg: 960px,
|
224 | xl: 1140px
|
225 | ) !default;
|
226 | @include _assert-ascending($container-max-widths, "$container-max-widths");
|
227 |
|
228 |
|
229 |
|
230 |
|
231 |
|
232 |
|
233 | $grid-columns: 12 !default;
|
234 | $grid-gutter-width-base: 30px !default;
|
235 | $grid-gutter-widths: (
|
236 | xs: $grid-gutter-width-base,
|
237 | sm: $grid-gutter-width-base,
|
238 | md: $grid-gutter-width-base,
|
239 | lg: $grid-gutter-width-base,
|
240 | xl: $grid-gutter-width-base
|
241 | ) !default;
|
242 |
|
243 |
|
244 |
|
245 |
|
246 |
|
247 | $font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
248 | $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
249 | $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
250 | $font-family-base: $font-family-sans-serif !default;
|
251 |
|
252 | $font-size-base: 1rem !default;
|
253 | $font-size-lg: 1.25rem !default;
|
254 | $font-size-sm: .875rem !default;
|
255 | $font-size-xs: .75rem !default;
|
256 |
|
257 | $font-weight-normal: normal !default;
|
258 | $font-weight-bold: bold !default;
|
259 |
|
260 | $font-weight-base: $font-weight-normal !default;
|
261 | $line-height-base: 1.5 !default;
|
262 |
|
263 | $font-size-h1: 2.5rem !default;
|
264 | $font-size-h2: 2rem !default;
|
265 | $font-size-h3: 1.75rem !default;
|
266 | $font-size-h4: 1.5rem !default;
|
267 | $font-size-h5: 1.25rem !default;
|
268 | $font-size-h6: 1rem !default;
|
269 |
|
270 | $headings-margin-bottom: ($spacer / 2) !default;
|
271 | $headings-font-family: inherit !default;
|
272 | $headings-font-weight: 500 !default;
|
273 | $headings-line-height: 1.1 !default;
|
274 | $headings-color: inherit !default;
|
275 |
|
276 | $display1-size: 6rem !default;
|
277 | $display2-size: 5.5rem !default;
|
278 | $display3-size: 4.5rem !default;
|
279 | $display4-size: 3.5rem !default;
|
280 |
|
281 | $display1-weight: 300 !default;
|
282 | $display2-weight: 300 !default;
|
283 | $display3-weight: 300 !default;
|
284 | $display4-weight: 300 !default;
|
285 | $display-line-height: $headings-line-height !default;
|
286 |
|
287 | $lead-font-size: 1.25rem !default;
|
288 | $lead-font-weight: 300 !default;
|
289 |
|
290 | $small-font-size: 80% !default;
|
291 |
|
292 | $text-muted: $gray-light !default;
|
293 |
|
294 | $abbr-border-color: $gray-light !default;
|
295 |
|
296 | $blockquote-small-color: $gray-light !default;
|
297 | $blockquote-font-size: ($font-size-base * 1.25) !default;
|
298 | $blockquote-border-color: $gray-lighter !default;
|
299 | $blockquote-border-width: .25rem !default;
|
300 |
|
301 | $hr-border-color: rgba($black,.1) !default;
|
302 | $hr-border-width: $border-width !default;
|
303 |
|
304 | $mark-padding: .2em !default;
|
305 |
|
306 | $dt-font-weight: $font-weight-bold !default;
|
307 |
|
308 | $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
|
309 | $nested-kbd-font-weight: $font-weight-bold !default;
|
310 |
|
311 | $list-inline-padding: 5px !default;
|
312 |
|
313 |
|
314 |
|
315 |
|
316 |
|
317 |
|
318 | $line-height-lg: (4 / 3) !default;
|
319 | $line-height-sm: 1.5 !default;
|
320 |
|
321 | $border-radius: .25rem !default;
|
322 | $border-radius-lg: .3rem !default;
|
323 | $border-radius-sm: .2rem !default;
|
324 |
|
325 | $component-active-color: $white !default;
|
326 | $component-active-bg: $brand-primary !default;
|
327 |
|
328 | $caret-width: .3em !default;
|
329 |
|
330 | $transition-base: all .2s ease-in-out !default;
|
331 | $transition-fade: opacity .15s linear !default;
|
332 | $transition-collapse: height .35s ease !default;
|
333 |
|
334 |
|
335 |
|
336 |
|
337 |
|
338 |
|
339 | $table-cell-padding: .75rem !default;
|
340 | $table-sm-cell-padding: .3rem !default;
|
341 |
|
342 | $table-bg: transparent !default;
|
343 |
|
344 | $table-inverse-bg: $gray-dark !default;
|
345 | $table-inverse-color: $body-bg !default;
|
346 |
|
347 | $table-bg-accent: rgba($black,.05) !default;
|
348 | $table-bg-hover: rgba($black,.075) !default;
|
349 | $table-bg-active: $table-bg-hover !default;
|
350 |
|
351 | $table-head-bg: $gray-lighter !default;
|
352 | $table-head-color: $gray !default;
|
353 |
|
354 | $table-border-width: $border-width !default;
|
355 | $table-border-color: $gray-lighter !default;
|
356 |
|
357 |
|
358 |
|
359 |
|
360 |
|
361 |
|
362 | $btn-padding-x: 1rem !default;
|
363 | $btn-padding-y: .5rem !default;
|
364 | $btn-line-height: 1.25 !default;
|
365 | $btn-font-weight: $font-weight-normal !default;
|
366 | $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
|
367 | $btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;
|
368 | $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
|
369 |
|
370 | $btn-primary-color: $white !default;
|
371 | $btn-primary-bg: $brand-primary !default;
|
372 | $btn-primary-border: $btn-primary-bg !default;
|
373 |
|
374 | $btn-secondary-color: $gray-dark !default;
|
375 | $btn-secondary-bg: $white !default;
|
376 | $btn-secondary-border: #ccc !default;
|
377 |
|
378 | $btn-info-color: $white !default;
|
379 | $btn-info-bg: $brand-info !default;
|
380 | $btn-info-border: $btn-info-bg !default;
|
381 |
|
382 | $btn-success-color: $white !default;
|
383 | $btn-success-bg: $brand-success !default;
|
384 | $btn-success-border: $btn-success-bg !default;
|
385 |
|
386 | $btn-warning-color: $white !default;
|
387 | $btn-warning-bg: $brand-warning !default;
|
388 | $btn-warning-border: $btn-warning-bg !default;
|
389 |
|
390 | $btn-danger-color: $white !default;
|
391 | $btn-danger-bg: $brand-danger !default;
|
392 | $btn-danger-border: $btn-danger-bg !default;
|
393 |
|
394 | $btn-link-disabled-color: $gray-light !default;
|
395 |
|
396 | $btn-padding-x-sm: .5rem !default;
|
397 | $btn-padding-y-sm: .25rem !default;
|
398 |
|
399 | $btn-padding-x-lg: 1.5rem !default;
|
400 | $btn-padding-y-lg: .75rem !default;
|
401 |
|
402 | $btn-block-spacing-y: .5rem !default;
|
403 | $btn-toolbar-margin: .5rem !default;
|
404 |
|
405 |
|
406 | $btn-border-radius: $border-radius !default;
|
407 | $btn-border-radius-lg: $border-radius-lg !default;
|
408 | $btn-border-radius-sm: $border-radius-sm !default;
|
409 |
|
410 | $btn-transition: all .2s ease-in-out !default;
|
411 |
|
412 |
|
413 |
|
414 |
|
415 | $input-padding-x: .75rem !default;
|
416 | $input-padding-y: .5rem !default;
|
417 | $input-line-height: 1.25 !default;
|
418 |
|
419 | $input-bg: $white !default;
|
420 | $input-bg-disabled: $gray-lighter !default;
|
421 |
|
422 | $input-color: $gray !default;
|
423 | $input-border-color: rgba($black,.15) !default;
|
424 | $input-btn-border-width: $border-width !default;
|
425 | $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
|
426 |
|
427 | $input-border-radius: $border-radius !default;
|
428 | $input-border-radius-lg: $border-radius-lg !default;
|
429 | $input-border-radius-sm: $border-radius-sm !default;
|
430 |
|
431 | $input-bg-focus: $input-bg !default;
|
432 | $input-border-focus: lighten($brand-primary, 25%) !default;
|
433 | $input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;
|
434 | $input-color-focus: $input-color !default;
|
435 |
|
436 | $input-color-placeholder: $gray-light !default;
|
437 |
|
438 | $input-padding-x-sm: .5rem !default;
|
439 | $input-padding-y-sm: .25rem !default;
|
440 |
|
441 | $input-padding-x-lg: 1.5rem !default;
|
442 | $input-padding-y-lg: .75rem !default;
|
443 |
|
444 | $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
|
445 | $input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
|
446 | $input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
|
447 |
|
448 | $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
|
449 |
|
450 | $form-text-margin-top: .25rem !default;
|
451 | $form-feedback-margin-top: $form-text-margin-top !default;
|
452 |
|
453 | $form-check-margin-bottom: .5rem !default;
|
454 | $form-check-input-gutter: 1.25rem !default;
|
455 | $form-check-input-margin-y: .25rem !default;
|
456 | $form-check-input-margin-x: .25rem !default;
|
457 |
|
458 | $form-check-inline-margin-x: .75rem !default;
|
459 |
|
460 | $form-group-margin-bottom: $spacer-y !default;
|
461 |
|
462 | $input-group-addon-bg: $gray-lighter !default;
|
463 | $input-group-addon-border-color: $input-border-color !default;
|
464 |
|
465 | $cursor-disabled: not-allowed !default;
|
466 |
|
467 | $custom-control-gutter: 1.5rem !default;
|
468 | $custom-control-spacer-x: 1rem !default;
|
469 | $custom-control-spacer-y: .25rem !default;
|
470 |
|
471 | $custom-control-indicator-size: 1rem !default;
|
472 | $custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
|
473 | $custom-control-indicator-bg: #ddd !default;
|
474 | $custom-control-indicator-bg-size: 50% 50% !default;
|
475 | $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
|
476 |
|
477 | $custom-control-disabled-cursor: $cursor-disabled !default;
|
478 | $custom-control-disabled-indicator-bg: $gray-lighter !default;
|
479 | $custom-control-disabled-description-color: $gray-light !default;
|
480 |
|
481 | $custom-control-checked-indicator-color: $white !default;
|
482 | $custom-control-checked-indicator-bg: $brand-primary !default;
|
483 | $custom-control-checked-indicator-box-shadow: none !default;
|
484 |
|
485 | $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;
|
486 |
|
487 | $custom-control-active-indicator-color: $white !default;
|
488 | $custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;
|
489 | $custom-control-active-indicator-box-shadow: none !default;
|
490 |
|
491 | $custom-checkbox-radius: $border-radius !default;
|
492 | $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
493 |
|
494 | $custom-checkbox-indeterminate-bg: $brand-primary !default;
|
495 | $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
|
496 | $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
|
497 | $custom-checkbox-indeterminate-box-shadow: none !default;
|
498 |
|
499 | $custom-radio-radius: 50% !default;
|
500 | $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
|
501 |
|
502 | $custom-select-padding-x: .75rem !default;
|
503 | $custom-select-padding-y: .375rem !default;
|
504 | $custom-select-indicator-padding: 1rem !default;
|
505 | $custom-select-line-height: $input-line-height !default;
|
506 | $custom-select-color: $input-color !default;
|
507 | $custom-select-disabled-color: $gray-light !default;
|
508 | $custom-select-bg: $white !default;
|
509 | $custom-select-disabled-bg: $gray-lighter !default;
|
510 | $custom-select-bg-size: 8px 10px !default;
|
511 | $custom-select-indicator-color: #333 !default;
|
512 | $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
513 | $custom-select-border-width: $input-btn-border-width !default;
|
514 | $custom-select-border-color: $input-border-color !default;
|
515 | $custom-select-border-radius: $border-radius !default;
|
516 |
|
517 | $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
|
518 | $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
|
519 |
|
520 | $custom-select-sm-padding-y: .2rem !default;
|
521 | $custom-select-sm-font-size: 75% !default;
|
522 |
|
523 | $custom-file-height: 2.5rem !default;
|
524 | $custom-file-width: 14rem !default;
|
525 | $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;
|
526 |
|
527 | $custom-file-padding-x: .5rem !default;
|
528 | $custom-file-padding-y: 1rem !default;
|
529 | $custom-file-line-height: 1.5 !default;
|
530 | $custom-file-color: $gray !default;
|
531 | $custom-file-bg: $white !default;
|
532 | $custom-file-border-width: $border-width !default;
|
533 | $custom-file-border-color: $input-border-color !default;
|
534 | $custom-file-border-radius: $border-radius !default;
|
535 | $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
|
536 | $custom-file-button-color: $custom-file-color !default;
|
537 | $custom-file-button-bg: $gray-lighter !default;
|
538 | $custom-file-text: (
|
539 | placeholder: (
|
540 | en: "Choose file..."
|
541 | ),
|
542 | button-label: (
|
543 | en: "Browse"
|
544 | )
|
545 | ) !default;
|
546 |
|
547 |
|
548 |
|
549 | $form-icon-success-color: $brand-success !default;
|
550 | $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
551 |
|
552 | $form-icon-warning-color: $brand-warning !default;
|
553 | $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
554 |
|
555 | $form-icon-danger-color: $brand-danger !default;
|
556 | $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;
|
557 |
|
558 |
|
559 |
|
560 |
|
561 |
|
562 |
|
563 | $dropdown-min-width: 10rem !default;
|
564 | $dropdown-padding-y: .5rem !default;
|
565 | $dropdown-margin-top: .125rem !default;
|
566 | $dropdown-bg: $white !default;
|
567 | $dropdown-border-color: rgba($black,.15) !default;
|
568 | $dropdown-border-width: $border-width !default;
|
569 | $dropdown-divider-bg: $gray-lighter !default;
|
570 | $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
|
571 |
|
572 | $dropdown-link-color: $gray-dark !default;
|
573 | $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
574 | $dropdown-link-hover-bg: $gray-lightest !default;
|
575 |
|
576 | $dropdown-link-active-color: $component-active-color !default;
|
577 | $dropdown-link-active-bg: $component-active-bg !default;
|
578 |
|
579 | $dropdown-link-disabled-color: $gray-light !default;
|
580 |
|
581 | $dropdown-item-padding-x: 1.5rem !default;
|
582 |
|
583 | $dropdown-header-color: $gray-light !default;
|
584 |
|
585 |
|
586 |
|
587 |
|
588 |
|
589 |
|
590 |
|
591 | $zindex-dropdown-backdrop: 990 !default;
|
592 | $zindex-navbar: 1000 !default;
|
593 | $zindex-dropdown: 1000 !default;
|
594 | $zindex-fixed: 1030 !default;
|
595 | $zindex-sticky: 1030 !default;
|
596 | $zindex-modal-backdrop: 1040 !default;
|
597 | $zindex-modal: 1050 !default;
|
598 | $zindex-popover: 1060 !default;
|
599 | $zindex-tooltip: 1070 !default;
|
600 |
|
601 |
|
602 |
|
603 |
|
604 | $navbar-border-radius: $border-radius !default;
|
605 | $navbar-padding-x: $spacer !default;
|
606 | $navbar-padding-y: ($spacer / 2) !default;
|
607 |
|
608 | $navbar-brand-padding-y: .25rem !default;
|
609 |
|
610 | $navbar-toggler-padding-x: .75rem !default;
|
611 | $navbar-toggler-padding-y: .25rem !default;
|
612 | $navbar-toggler-font-size: $font-size-lg !default;
|
613 | $navbar-toggler-border-radius: $btn-border-radius !default;
|
614 |
|
615 | $navbar-inverse-color: rgba($white,.5) !default;
|
616 | $navbar-inverse-hover-color: rgba($white,.75) !default;
|
617 | $navbar-inverse-active-color: rgba($white,1) !default;
|
618 | $navbar-inverse-disabled-color: rgba($white,.25) !default;
|
619 | $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
|
620 | $navbar-inverse-toggler-border: rgba($white,.1) !default;
|
621 |
|
622 | $navbar-light-color: rgba($black,.5) !default;
|
623 | $navbar-light-hover-color: rgba($black,.7) !default;
|
624 | $navbar-light-active-color: rgba($black,.9) !default;
|
625 | $navbar-light-disabled-color: rgba($black,.3) !default;
|
626 | $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
|
627 | $navbar-light-toggler-border: rgba($black,.1) !default;
|
628 |
|
629 |
|
630 |
|
631 | $nav-item-margin: .2rem !default;
|
632 | $nav-item-inline-spacer: 1rem !default;
|
633 | $nav-link-padding: .5em 1em !default;
|
634 | $nav-link-hover-bg: $gray-lighter !default;
|
635 | $nav-disabled-link-color: $gray-light !default;
|
636 |
|
637 | $nav-tabs-border-color: #ddd !default;
|
638 | $nav-tabs-border-width: $border-width !default;
|
639 | $nav-tabs-border-radius: $border-radius !default;
|
640 | $nav-tabs-link-hover-border-color: $gray-lighter !default;
|
641 | $nav-tabs-active-link-hover-color: $gray !default;
|
642 | $nav-tabs-active-link-hover-bg: $body-bg !default;
|
643 | $nav-tabs-active-link-hover-border-color: #ddd !default;
|
644 | $nav-tabs-justified-link-border-color: #ddd !default;
|
645 | $nav-tabs-justified-active-link-border-color: $body-bg !default;
|
646 |
|
647 | $nav-pills-border-radius: $border-radius !default;
|
648 | $nav-pills-active-link-color: $component-active-color !default;
|
649 | $nav-pills-active-link-bg: $component-active-bg !default;
|
650 |
|
651 |
|
652 |
|
653 |
|
654 | $pagination-padding-x: .75rem !default;
|
655 | $pagination-padding-y: .5rem !default;
|
656 | $pagination-padding-x-sm: .5rem !default;
|
657 | $pagination-padding-y-sm: .25rem !default;
|
658 | $pagination-padding-x-lg: 1.5rem !default;
|
659 | $pagination-padding-y-lg: .75rem !default;
|
660 | $pagination-line-height: 1.25 !default;
|
661 |
|
662 | $pagination-color: $link-color !default;
|
663 | $pagination-bg: $white !default;
|
664 | $pagination-border-width: $border-width !default;
|
665 | $pagination-border-color: #ddd !default;
|
666 |
|
667 | $pagination-hover-color: $link-hover-color !default;
|
668 | $pagination-hover-bg: $gray-lighter !default;
|
669 | $pagination-hover-border: #ddd !default;
|
670 |
|
671 | $pagination-active-color: $white !default;
|
672 | $pagination-active-bg: $brand-primary !default;
|
673 | $pagination-active-border: $brand-primary !default;
|
674 |
|
675 | $pagination-disabled-color: $gray-light !default;
|
676 | $pagination-disabled-bg: $white !default;
|
677 | $pagination-disabled-border: #ddd !default;
|
678 |
|
679 |
|
680 |
|
681 |
|
682 | $jumbotron-padding: 2rem !default;
|
683 | $jumbotron-bg: $gray-lighter !default;
|
684 |
|
685 |
|
686 |
|
687 |
|
688 |
|
689 |
|
690 | $state-success-text: #3c763d !default;
|
691 | $state-success-bg: #dff0d8 !default;
|
692 | $state-success-border: darken($state-success-bg, 5%) !default;
|
693 |
|
694 | $state-info-text: #31708f !default;
|
695 | $state-info-bg: #d9edf7 !default;
|
696 | $state-info-border: darken($state-info-bg, 7%) !default;
|
697 |
|
698 | $state-warning-text: #8a6d3b !default;
|
699 | $state-warning-bg: #fcf8e3 !default;
|
700 | $mark-bg: $state-warning-bg !default;
|
701 | $state-warning-border: darken($state-warning-bg, 5%) !default;
|
702 |
|
703 | $state-danger-text: #a94442 !default;
|
704 | $state-danger-bg: #f2dede !default;
|
705 | $state-danger-border: darken($state-danger-bg, 5%) !default;
|
706 |
|
707 |
|
708 |
|
709 |
|
710 | $card-spacer-x: 1.25rem !default;
|
711 | $card-spacer-y: .75rem !default;
|
712 | $card-border-width: 1px !default;
|
713 | $card-border-radius: $border-radius !default;
|
714 | $card-border-color: rgba($black,.125) !default;
|
715 | $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
716 | $card-cap-bg: $gray-lightest !default;
|
717 | $card-bg: $white !default;
|
718 |
|
719 | $card-link-hover-color: $white !default;
|
720 |
|
721 | $card-img-overlay-padding: 1.25rem !default;
|
722 |
|
723 | $card-deck-margin: ($grid-gutter-width-base / 2) !default;
|
724 |
|
725 | $card-columns-count: 3 !default;
|
726 | $card-columns-gap: 1.25rem !default;
|
727 | $card-columns-margin: $card-spacer-y !default;
|
728 |
|
729 |
|
730 |
|
731 |
|
732 | $tooltip-max-width: 200px !default;
|
733 | $tooltip-color: $white !default;
|
734 | $tooltip-bg: $black !default;
|
735 | $tooltip-opacity: .9 !default;
|
736 | $tooltip-padding-y: 3px !default;
|
737 | $tooltip-padding-x: 8px !default;
|
738 | $tooltip-margin: 3px !default;
|
739 |
|
740 | $tooltip-arrow-width: 5px !default;
|
741 | $tooltip-arrow-color: $tooltip-bg !default;
|
742 |
|
743 |
|
744 |
|
745 |
|
746 | $popover-inner-padding: 1px !default;
|
747 | $popover-bg: $white !default;
|
748 | $popover-max-width: 276px !default;
|
749 | $popover-border-width: $border-width !default;
|
750 | $popover-border-color: rgba($black,.2) !default;
|
751 | $popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
|
752 |
|
753 | $popover-title-bg: darken($popover-bg, 3%) !default;
|
754 | $popover-title-padding-x: 14px !default;
|
755 | $popover-title-padding-y: 8px !default;
|
756 |
|
757 | $popover-content-padding-x: 14px !default;
|
758 | $popover-content-padding-y: 9px !default;
|
759 |
|
760 | $popover-arrow-width: 10px !default;
|
761 | $popover-arrow-color: $popover-bg !default;
|
762 |
|
763 | $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
|
764 | $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
765 |
|
766 |
|
767 |
|
768 |
|
769 | $badge-default-bg: $gray-light !default;
|
770 | $badge-primary-bg: $brand-primary !default;
|
771 | $badge-success-bg: $brand-success !default;
|
772 | $badge-info-bg: $brand-info !default;
|
773 | $badge-warning-bg: $brand-warning !default;
|
774 | $badge-danger-bg: $brand-danger !default;
|
775 |
|
776 | $badge-color: $white !default;
|
777 | $badge-link-hover-color: $white !default;
|
778 | $badge-font-size: 75% !default;
|
779 | $badge-font-weight: $font-weight-bold !default;
|
780 | $badge-padding-x: .4em !default;
|
781 | $badge-padding-y: .25em !default;
|
782 |
|
783 | $badge-pill-padding-x: .6em !default;
|
784 |
|
785 |
|
786 | $badge-pill-border-radius: 10rem !default;
|
787 |
|
788 |
|
789 |
|
790 |
|
791 |
|
792 | $modal-inner-padding: 15px !default;
|
793 |
|
794 | $modal-dialog-margin: 10px !default;
|
795 | $modal-dialog-sm-up-margin-y: 30px !default;
|
796 |
|
797 | $modal-title-line-height: $line-height-base !default;
|
798 |
|
799 | $modal-content-bg: $white !default;
|
800 | $modal-content-border-color: rgba($black,.2) !default;
|
801 | $modal-content-border-width: $border-width !default;
|
802 | $modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;
|
803 | $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;
|
804 |
|
805 | $modal-backdrop-bg: $black !default;
|
806 | $modal-backdrop-opacity: .5 !default;
|
807 | $modal-header-border-color: $gray-lighter !default;
|
808 | $modal-footer-border-color: $modal-header-border-color !default;
|
809 | $modal-header-border-width: $modal-content-border-width !default;
|
810 | $modal-footer-border-width: $modal-header-border-width !default;
|
811 | $modal-header-padding: 15px !default;
|
812 |
|
813 | $modal-lg: 800px !default;
|
814 | $modal-md: 500px !default;
|
815 | $modal-sm: 300px !default;
|
816 |
|
817 | $modal-transition: transform .3s ease-out !default;
|
818 |
|
819 |
|
820 |
|
821 |
|
822 |
|
823 |
|
824 | $alert-padding-x: 1.25rem !default;
|
825 | $alert-padding-y: .75rem !default;
|
826 | $alert-margin-bottom: $spacer-y !default;
|
827 | $alert-border-radius: $border-radius !default;
|
828 | $alert-link-font-weight: $font-weight-bold !default;
|
829 | $alert-border-width: $border-width !default;
|
830 |
|
831 | $alert-success-bg: $state-success-bg !default;
|
832 | $alert-success-text: $state-success-text !default;
|
833 | $alert-success-border: $state-success-border !default;
|
834 |
|
835 | $alert-info-bg: $state-info-bg !default;
|
836 | $alert-info-text: $state-info-text !default;
|
837 | $alert-info-border: $state-info-border !default;
|
838 |
|
839 | $alert-warning-bg: $state-warning-bg !default;
|
840 | $alert-warning-text: $state-warning-text !default;
|
841 | $alert-warning-border: $state-warning-border !default;
|
842 |
|
843 | $alert-danger-bg: $state-danger-bg !default;
|
844 | $alert-danger-text: $state-danger-text !default;
|
845 | $alert-danger-border: $state-danger-border !default;
|
846 |
|
847 |
|
848 |
|
849 |
|
850 | $progress-height: 1rem !default;
|
851 | $progress-font-size: .75rem !default;
|
852 | $progress-bg: $gray-lighter !default;
|
853 | $progress-border-radius: $border-radius !default;
|
854 | $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
|
855 | $progress-bar-color: $white !default;
|
856 | $progress-bar-bg: $brand-primary !default;
|
857 | $progress-bar-animation-timing: 1s linear infinite !default;
|
858 |
|
859 |
|
860 |
|
861 | $list-group-color: $body-color !default;
|
862 | $list-group-bg: $white !default;
|
863 | $list-group-border-color: rgba($black,.125) !default;
|
864 | $list-group-border-width: $border-width !default;
|
865 | $list-group-border-radius: $border-radius !default;
|
866 |
|
867 | $list-group-item-padding-x: 1.25rem !default;
|
868 | $list-group-item-padding-y: .75rem !default;
|
869 |
|
870 | $list-group-hover-bg: $gray-lightest !default;
|
871 | $list-group-active-color: $component-active-color !default;
|
872 | $list-group-active-bg: $component-active-bg !default;
|
873 | $list-group-active-border: $list-group-active-bg !default;
|
874 | $list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;
|
875 |
|
876 | $list-group-disabled-color: $gray-light !default;
|
877 | $list-group-disabled-bg: $list-group-bg !default;
|
878 | $list-group-disabled-text-color: $list-group-disabled-color !default;
|
879 |
|
880 | $list-group-link-color: $gray !default;
|
881 | $list-group-link-heading-color: $gray-dark !default;
|
882 | $list-group-link-hover-color: $list-group-link-color !default;
|
883 |
|
884 | $list-group-link-active-color: $list-group-color !default;
|
885 | $list-group-link-active-bg: $gray-lighter !default;
|
886 |
|
887 |
|
888 |
|
889 |
|
890 | $thumbnail-padding: .25rem !default;
|
891 | $thumbnail-bg: $body-bg !default;
|
892 | $thumbnail-border-width: $border-width !default;
|
893 | $thumbnail-border-color: #ddd !default;
|
894 | $thumbnail-border-radius: $border-radius !default;
|
895 | $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
|
896 | $thumbnail-transition: all .2s ease-in-out !default;
|
897 |
|
898 |
|
899 |
|
900 |
|
901 | $figure-caption-font-size: 90% !default;
|
902 | $figure-caption-color: $gray-light !default;
|
903 |
|
904 |
|
905 |
|
906 |
|
907 | $breadcrumb-padding-y: .75rem !default;
|
908 | $breadcrumb-padding-x: 1rem !default;
|
909 | $breadcrumb-item-padding: .5rem !default;
|
910 |
|
911 | $breadcrumb-bg: $gray-lighter !default;
|
912 | $breadcrumb-divider-color: $gray-light !default;
|
913 | $breadcrumb-active-color: $gray-light !default;
|
914 | $breadcrumb-divider: "/" !default;
|
915 |
|
916 |
|
917 |
|
918 |
|
919 | $carousel-control-color: $white !default;
|
920 | $carousel-control-width: 15% !default;
|
921 | $carousel-control-opacity: .5 !default;
|
922 |
|
923 | $carousel-indicator-width: 30px !default;
|
924 | $carousel-indicator-height: 3px !default;
|
925 | $carousel-indicator-spacer: 3px !default;
|
926 | $carousel-indicator-active-bg: $white !default;
|
927 |
|
928 | $carousel-caption-width: 70% !default;
|
929 | $carousel-caption-color: $white !default;
|
930 |
|
931 | $carousel-control-icon-width: 20px !default;
|
932 |
|
933 | $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
934 | $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
935 |
|
936 | $carousel-transition: transform .6s ease-in-out !default;
|
937 |
|
938 |
|
939 |
|
940 |
|
941 | $close-font-size: $font-size-base * 1.5 !default;
|
942 | $close-font-weight: $font-weight-bold !default;
|
943 | $close-color: $black !default;
|
944 | $close-text-shadow: 0 1px 0 $white !default;
|
945 |
|
946 |
|
947 |
|
948 |
|
949 | $code-font-size: 90% !default;
|
950 | $code-padding-x: .4rem !default;
|
951 | $code-padding-y: .2rem !default;
|
952 | $code-color: #bd4147 !default;
|
953 | $code-bg: $gray-lightest !default;
|
954 |
|
955 | $kbd-color: $white !default;
|
956 | $kbd-bg: $gray-dark !default;
|
957 |
|
958 | $pre-bg: $gray-lightest !default;
|
959 | $pre-color: $gray-dark !default;
|
960 | $pre-border-color: #ccc !default;
|
961 | $pre-scrollable-max-height: 340px !default;
|