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