| 1 |
|
| 2 |
//@import "functions"; |
| 3 |
//@import "variables"; |
| 4 |
//@import "maps"; |
| 5 |
//@import "mixins"; |
| 6 |
//@import "utilities"; |
| 7 |
|
| 8 |
|
| 9 |
|
| 10 |
// --------------------------------------- !! |
| 11 |
// Overwrite specific bootstrap variables by uncommenting the variable and provide your own value |
| 12 |
// --------------------------------------- !! |
| 13 |
|
| 14 |
// Variables |
| 15 |
// |
| 16 |
// Variables should follow the `$component-state-property-size` formula for |
| 17 |
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. |
| 18 |
|
| 19 |
|
| 20 |
// |
| 21 |
// Color system |
| 22 |
// |
| 23 |
|
| 24 |
$white: #fff !default; |
| 25 |
$gray-100: #f9f8fa !default; |
| 26 |
$gray-200: #f5f4f8 !default; |
| 27 |
$gray-300: #efecf3 !default; |
| 28 |
$gray-400: #d5d2dc !default; |
| 29 |
$gray-500: #bbb7c5 !default; |
| 30 |
$gray-600: #9691a4 !default; |
| 31 |
$gray-700: #666276 !default; |
| 32 |
$gray-800: #454056 !default; |
| 33 |
$gray-900: #1f1b2d !default; |
| 34 |
$black: #000 !default; |
| 35 |
|
| 36 |
|
| 37 |
$grays: () !default; |
| 38 |
// // stylelint-disable-next-line scss/dollar-variable-default |
| 39 |
$grays: map-merge( |
| 40 |
( |
| 41 |
"100": $gray-100, |
| 42 |
"200": $gray-200, |
| 43 |
"300": $gray-300, |
| 44 |
"400": $gray-400, |
| 45 |
"500": $gray-500, |
| 46 |
"600": $gray-600, |
| 47 |
"700": $gray-700, |
| 48 |
"800": $gray-800, |
| 49 |
"900": $gray-900 |
| 50 |
), |
| 51 |
$grays |
| 52 |
); |
| 53 |
|
| 54 |
|
| 55 |
$blue: #7832e2 !default; |
| 56 |
$indigo: #502c6c !default; |
| 57 |
$purple: #ad6edd !default; |
| 58 |
$pink: #ff0266 !default; |
| 59 |
$red: #ff5916 !default; |
| 60 |
$orange: #fbb500 !default; |
| 61 |
$yellow: #ffde03 !default; |
| 62 |
$green: #44c553 !default; |
| 63 |
$teal: #09ebaf !default; |
| 64 |
$cyan: #35bdff !default; |
| 65 |
$lila: #b2a5e4 !default; |
| 66 |
$salmon: #ff977a !default; |
| 67 |
|
| 68 |
|
| 69 |
$colors: () !default; |
| 70 |
// // stylelint-disable-next-line scss/dollar-variable-default |
| 71 |
$colors: map-merge( |
| 72 |
( |
| 73 |
"blue": $blue, |
| 74 |
"indigo": $indigo, |
| 75 |
"purple": $purple, |
| 76 |
"pink": $pink, |
| 77 |
"red": $red, |
| 78 |
"orange": $orange, |
| 79 |
"yellow": $yellow, |
| 80 |
"green": $green, |
| 81 |
"teal": $teal, |
| 82 |
"cyan": $cyan, |
| 83 |
"white": $white, |
| 84 |
"black": $black, |
| 85 |
"gray": $gray-600, |
| 86 |
"gray-dark": $gray-700 |
| 87 |
), |
| 88 |
$colors |
| 89 |
); |
| 90 |
|
| 91 |
//$primary: $indigo !default; |
| 92 |
//$secondary: $blue !default; |
| 93 |
//$success: $green !default; |
| 94 |
//$info: $teal !default; |
| 95 |
//$warning: $yellow !default; |
| 96 |
//$danger: $red !default; |
| 97 |
//$light: $gray-100 !default; |
| 98 |
//$dark: $gray-800 !default; |
| 99 |
//$white: $white !default; |
| 100 |
|
| 101 |
$primary: #3993d5 !default; |
| 102 |
$secondary: #6c757d !default; |
| 103 |
$success: $green !default; |
| 104 |
$info: #17a2b8 !default; |
| 105 |
$warning: #ffc107 !default; |
| 106 |
$danger: #dc3545 !default; |
| 107 |
$light: $gray-100 !default; |
| 108 |
$dark: $gray-800 !default; |
| 109 |
$white: $white !default; |
| 110 |
|
| 111 |
|
| 112 |
$theme-colors: () !default; |
| 113 |
// // stylelint-disable-next-line scss/dollar-variable-default |
| 114 |
$theme-colors: map-merge( |
| 115 |
( |
| 116 |
"primary": $primary, |
| 117 |
"secondary": $secondary, |
| 118 |
"success": $success, |
| 119 |
"info": $info, |
| 120 |
"warning": $warning, |
| 121 |
"danger": $danger, |
| 122 |
"light": $light, |
| 123 |
"dark": $dark, |
| 124 |
"white": $white, |
| 125 |
"purple": $purple, |
| 126 |
"salmon": $salmon, |
| 127 |
"cyan": $cyan, |
| 128 |
"gray": $gray-400, |
| 129 |
"gray-dark": $gray-600, |
| 130 |
"indigo": $indigo, |
| 131 |
"orange": $orange |
| 132 |
), |
| 133 |
$theme-colors |
| 134 |
); |
| 135 |
|
| 136 |
// Faded colors map |
| 137 |
$theme-faded-colors: ( |
| 138 |
"primary": rgba($primary, .1), |
| 139 |
"secondary": rgba($secondary, .1), |
| 140 |
"success": rgba($success, .1), |
| 141 |
"info": rgba($info, .1), |
| 142 |
"warning": rgba($warning, .1), |
| 143 |
"danger": rgba($danger, .1), |
| 144 |
"light": rgba($light, .1), |
| 145 |
"dark": rgba($dark, .1), |
| 146 |
"white": rgba($white, .1), |
| 147 |
"purple": rgba($purple, .1), |
| 148 |
"salmon": rgba($salmon, .1), |
| 149 |
"cyan": rgba($cyan, .1), |
| 150 |
"gray": rgba($gray-400, .1), |
| 151 |
"gray-dark": rgba($gray-600, .1), |
| 152 |
"indigo": rgba($indigo, .1), |
| 153 |
"orange": rgba($orange, .1) |
| 154 |
) !default; |
| 155 |
|
| 156 |
$enable-negative-margins: true; |
| 157 |
$link-decoration: none !default; |
| 158 |
$link-hover-decoration: underline !default; |
| 159 |
|
| 160 |
|
| 161 |
// |
| 162 |
// // Set a specific jump point for requesting color jumps |
| 163 |
// $theme-color-interval: 8% !default; |
| 164 |
// |
| 165 |
// // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255. |
| 166 |
// $yiq-contrasted-threshold: 150 !default; |
| 167 |
// |
| 168 |
// // Customize the light and dark text colors for use in our YIQ color contrast function. |
| 169 |
// $yiq-text-dark: $gray-900 !default; |
| 170 |
// $yiq-text-light: $white !default; |
| 171 |
// |
| 172 |
// // Options |
| 173 |
// // |
| 174 |
// // Quickly modify global styling by enabling or disabling optional features. |
| 175 |
// |
| 176 |
// $enable-caret: true !default; |
| 177 |
// $enable-rounded: true !default; |
| 178 |
$enable-shadows: true !default; |
| 179 |
// $enable-gradients: true !default; |
| 180 |
// $enable-transitions: true !default; |
| 181 |
// $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS |
| 182 |
// $enable-grid-classes: true !default; |
| 183 |
// $enable-print-styles: true !default; |
| 184 |
// |
| 185 |
// |
| 186 |
// // Spacing |
| 187 |
// // |
| 188 |
// // Control the default styling of most Bootstrap elements by modifying these |
| 189 |
// // variables. Mostly focused on spacing. |
| 190 |
// // You can add more entries to the $spacers map, should you need more variation. |
| 191 |
// |
| 192 |
$spacer: 1rem !default; |
| 193 |
$spacers: () !default; |
| 194 |
// stylelint-disable-next-line scss/dollar-variable-default |
| 195 |
$spacers: map-merge( |
| 196 |
( |
| 197 |
0: 0, |
| 198 |
1: ($spacer * .25), |
| 199 |
2: ($spacer * .5), |
| 200 |
3: $spacer, |
| 201 |
4: ($spacer * 1.5), |
| 202 |
5: ($spacer * 3), |
| 203 |
6: ($spacer * 4), |
| 204 |
7: ($spacer * 6), |
| 205 |
8: ($spacer * 8), |
| 206 |
9: ($spacer * 10), |
| 207 |
10: ($spacer * 12), |
| 208 |
11: ($spacer * 14), |
| 209 |
12: ($spacer * 16) |
| 210 |
), |
| 211 |
$spacers |
| 212 |
); |
| 213 |
|
| 214 |
// // This variable affects the `.h-*` and `.w-*` classes. |
| 215 |
// $sizes: () !default; |
| 216 |
// // stylelint-disable-next-line scss/dollar-variable-default |
| 217 |
// $sizes: map-merge( |
| 218 |
// ( |
| 219 |
// 25: 25%, |
| 220 |
// 50: 50%, |
| 221 |
// 75: 75%, |
| 222 |
// 100: 100%, |
| 223 |
// auto: auto |
| 224 |
// ), |
| 225 |
// $sizes |
| 226 |
// ); |
| 227 |
// |
| 228 |
// // Body |
| 229 |
// // |
| 230 |
// // Settings for the `<body>` element. |
| 231 |
// |
| 232 |
// $body-bg: $white !default; |
| 233 |
// $body-color: $gray-900 !default; |
| 234 |
// |
| 235 |
// // Links |
| 236 |
// // |
| 237 |
// // Style anchor elements. |
| 238 |
// |
| 239 |
// $link-color: theme-color("primary") !default; |
| 240 |
// $link-decoration: none !default; |
| 241 |
// $link-hover-color: darken($link-color, 15%) !default; |
| 242 |
// $link-hover-decoration: underline !default; |
| 243 |
// |
| 244 |
// // Paragraphs |
| 245 |
// // |
| 246 |
// // Style p element. |
| 247 |
// |
| 248 |
// $paragraph-margin-bottom: 1rem !default; |
| 249 |
// |
| 250 |
// |
| 251 |
// // Grid breakpoints |
| 252 |
// // |
| 253 |
// // Define the minimum dimensions at which your layout will change, |
| 254 |
// // adapting to different screen sizes, for use in media queries. |
| 255 |
// |
| 256 |
// Override grid breaakpoints |
| 257 |
|
| 258 |
$grid-breakpoints: ( |
| 259 |
xs: 0, |
| 260 |
sm: 500px, |
| 261 |
md: 768px, |
| 262 |
lg: 992px, |
| 263 |
xl: 1200px, |
| 264 |
xxl: 1400px |
| 265 |
) !default; |
| 266 |
|
| 267 |
// |
| 268 |
// @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); |
| 269 |
// @include _assert-starts-at-zero($grid-breakpoints); |
| 270 |
// |
| 271 |
// |
| 272 |
// // Grid containers |
| 273 |
// // |
| 274 |
// // Define the maximum width of `.container` for different screen sizes. |
| 275 |
// |
| 276 |
$container-max-widths: ( |
| 277 |
sm: 540px, |
| 278 |
md: 720px, |
| 279 |
lg: 960px, |
| 280 |
xl: 1140px, |
| 281 |
xxl: 1320px |
| 282 |
) !default; |
| 283 |
// |
| 284 |
// @include _assert-ascending($container-max-widths, "$container-max-widths"); |
| 285 |
// |
| 286 |
// |
| 287 |
// // Grid columns |
| 288 |
// // |
| 289 |
// // Set the number of columns and specify the width of the gutters. |
| 290 |
// |
| 291 |
// $grid-columns: 12 !default; |
| 292 |
// $grid-gutter-width: 30px !default; |
| 293 |
// |
| 294 |
// // Components |
| 295 |
// // |
| 296 |
// // Define common padding and border radius sizes and more. |
| 297 |
// |
| 298 |
// $line-height-lg: 1.5 !default; |
| 299 |
// $line-height-sm: 1.5 !default; |
| 300 |
// |
| 301 |
// $border-width: 1px !default; |
| 302 |
// $border-color: $gray-300 !default; |
| 303 |
// |
| 304 |
// $border-radius: .25rem !default; |
| 305 |
// $border-radius-lg: .3rem !default; |
| 306 |
// $border-radius-sm: .2rem !default; |
| 307 |
// |
| 308 |
// $box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default; |
| 309 |
// $box-shadow: 0 .5rem 1rem rgba($black, .15) !default; |
| 310 |
$box-shadow-lg: 0 10px 25px 0 rgba($black,.3) !default; |
| 311 |
// |
| 312 |
// $component-active-color: $white !default; |
| 313 |
// $component-active-bg: theme-color("primary") !default; |
| 314 |
// |
| 315 |
// $caret-width: .3em !default; |
| 316 |
// |
| 317 |
// $transition-base: all .2s ease-in-out !default; |
| 318 |
// $transition-fade: opacity .15s linear !default; |
| 319 |
// $transition-collapse: height .35s ease !default; |
| 320 |
// |
| 321 |
// |
| 322 |
// // Fonts |
| 323 |
// // |
| 324 |
// // Font, line-height, and color for body text, headings, and more. |
| 325 |
// |
| 326 |
// // stylelint-disable value-keyword-case |
| 327 |
$font-family-sans-serif: Nunito, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; |
| 328 |
// $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; |
| 329 |
// $font-family-base: $font-family-sans-serif !default; |
| 330 |
// // stylelint-enable value-keyword-case |
| 331 |
// |
| 332 |
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px` |
| 333 |
$font-size-lg: ($font-size-base * 1.15) !default; |
| 334 |
$font-size-smaller: ($font-size-base * 1) !default; |
| 335 |
// $font-size-sm: ($font-size-base * .875) !default; |
| 336 |
// |
| 337 |
$font-weight-light: 300 !default; |
| 338 |
$font-weight-normal: 400 !default; |
| 339 |
// $font-weight-bold: 700 !default; |
| 340 |
// |
| 341 |
$font-weight-base: $font-weight-normal !default; |
| 342 |
$line-height-base: 1.5 !default; |
| 343 |
// |
| 344 |
// $h1-font-size: $font-size-base * 2.5 !default; |
| 345 |
// $h2-font-size: $font-size-base * 2 !default; |
| 346 |
// $h3-font-size: $font-size-base * 1.75 !default; |
| 347 |
// $h4-font-size: $font-size-base * 1.5 !default; |
| 348 |
// $h5-font-size: $font-size-base * 1.25 !default; |
| 349 |
// $h6-font-size: $font-size-base !default; |
| 350 |
// |
| 351 |
// $headings-margin-bottom: ($spacer / 2) !default; |
| 352 |
$headings-font-family: inherit !default; |
| 353 |
$headings-font-weight: 500 !default; |
| 354 |
$headings-line-height: 1.2 !default; |
| 355 |
// $headings-color: inherit !default; |
| 356 |
// |
| 357 |
// $display1-size: 6rem !default; |
| 358 |
// $display2-size: 5.5rem !default; |
| 359 |
// $display3-size: 4.5rem !default; |
| 360 |
// $display4-size: 3.5rem !default; |
| 361 |
// |
| 362 |
// $display1-weight: 300 !default; |
| 363 |
// $display2-weight: 300 !default; |
| 364 |
// $display3-weight: 300 !default; |
| 365 |
// $display4-weight: 300 !default; |
| 366 |
// $display-line-height: $headings-line-height !default; |
| 367 |
// |
| 368 |
// $lead-font-size: ($font-size-base * 1.25) !default; |
| 369 |
// $lead-font-weight: 300 !default; |
| 370 |
// |
| 371 |
$small-font-size: 85% !default; |
| 372 |
// |
| 373 |
// $text-muted: $gray-600 !default; |
| 374 |
// |
| 375 |
// $blockquote-small-color: $gray-600 !default; |
| 376 |
// $blockquote-font-size: ($font-size-base * 1.25) !default; |
| 377 |
// |
| 378 |
// $hr-border-color: rgba($black, .1) !default; |
| 379 |
// $hr-border-width: $border-width !default; |
| 380 |
// |
| 381 |
// $mark-padding: .2em !default; |
| 382 |
// |
| 383 |
// $dt-font-weight: $font-weight-bold !default; |
| 384 |
// |
| 385 |
// $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default; |
| 386 |
// $nested-kbd-font-weight: $font-weight-bold !default; |
| 387 |
// |
| 388 |
// $list-inline-padding: .5rem !default; |
| 389 |
// |
| 390 |
// $mark-bg: #fcf8e3 !default; |
| 391 |
// |
| 392 |
// $hr-margin-y: $spacer !default; |
| 393 |
// |
| 394 |
// |
| 395 |
// // Tables |
| 396 |
// // |
| 397 |
// // Customizes the `.table` component with basic values, each used across all table variations. |
| 398 |
// |
| 399 |
// $table-cell-padding: .75rem !default; |
| 400 |
// $table-cell-padding-sm: .3rem !default; |
| 401 |
// |
| 402 |
// $table-bg: transparent !default; |
| 403 |
// $table-accent-bg: rgba($black, .05) !default; |
| 404 |
// $table-hover-bg: rgba($black, .075) !default; |
| 405 |
// $table-active-bg: $table-hover-bg !default; |
| 406 |
// |
| 407 |
// $table-border-width: $border-width !default; |
| 408 |
// $table-border-color: $gray-300 !default; |
| 409 |
// |
| 410 |
// $table-head-bg: $gray-200 !default; |
| 411 |
// $table-head-color: $gray-700 !default; |
| 412 |
// |
| 413 |
// $table-dark-bg: $gray-900 !default; |
| 414 |
// $table-dark-accent-bg: rgba($white, .05) !default; |
| 415 |
// $table-dark-hover-bg: rgba($white, .075) !default; |
| 416 |
// $table-dark-border-color: lighten($gray-900, 7.5%) !default; |
| 417 |
// $table-dark-color: $body-bg !default; |
| 418 |
// |
| 419 |
// $table-striped-order: odd !default; |
| 420 |
// |
| 421 |
// $table-caption-color: $text-muted !default; |
| 422 |
// |
| 423 |
// // Buttons + Forms |
| 424 |
// // |
| 425 |
// // Shared variables that are reassigned to `$input-` and `$btn-` specific variables. |
| 426 |
// |
| 427 |
$input-btn-padding-y: .45rem !default; |
| 428 |
$input-btn-padding-x: 1.2rem !default; |
| 429 |
// $input-btn-line-height: $line-height-base !default; |
| 430 |
// |
| 431 |
// $input-btn-focus-width: .2rem !default; |
| 432 |
// $input-btn-focus-color: rgba($component-active-bg, .25) !default; |
| 433 |
// $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default; |
| 434 |
// |
| 435 |
// $input-btn-padding-y-sm: .25rem !default; |
| 436 |
$input-btn-padding-x-sm: 1rem !default; |
| 437 |
// $input-btn-line-height-sm: $line-height-sm !default; |
| 438 |
// |
| 439 |
$input-btn-padding-y-lg: .65rem !default; |
| 440 |
$input-btn-padding-x-lg: 2rem !default; |
| 441 |
// $input-btn-line-height-lg: $line-height-lg !default; |
| 442 |
// |
| 443 |
// $input-btn-border-width: $border-width !default; |
| 444 |
// |
| 445 |
// |
| 446 |
// // Buttons |
| 447 |
// // |
| 448 |
// // For each of Bootstrap's buttons, define text, background, and border color. |
| 449 |
// |
| 450 |
// $btn-padding-y: $input-btn-padding-y !default; |
| 451 |
// $btn-padding-x: $input-btn-padding-x !default; |
| 452 |
// $btn-line-height: $input-btn-line-height !default; |
| 453 |
// |
| 454 |
// $btn-padding-y-sm: $input-btn-padding-y-sm !default; |
| 455 |
// $btn-padding-x-sm: $input-btn-padding-x-sm !default; |
| 456 |
// $btn-line-height-sm: $input-btn-line-height-sm !default; |
| 457 |
// |
| 458 |
// $btn-padding-y-lg: $input-btn-padding-y-lg !default; |
| 459 |
// $btn-padding-x-lg: $input-btn-padding-x-lg !default; |
| 460 |
// $btn-line-height-lg: $input-btn-line-height-lg !default; |
| 461 |
// |
| 462 |
// $btn-border-width: $input-btn-border-width !default; |
| 463 |
// |
| 464 |
// $btn-font-weight: $font-weight-normal !default; |
| 465 |
// $btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default; |
| 466 |
// $btn-focus-width: $input-btn-focus-width !default; |
| 467 |
// $btn-focus-box-shadow: $input-btn-focus-box-shadow !default; |
| 468 |
// $btn-disabled-opacity: .65 !default; |
| 469 |
// $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; |
| 470 |
// |
| 471 |
// $btn-link-disabled-color: $gray-600 !default; |
| 472 |
// |
| 473 |
// $btn-block-spacing-y: .5rem !default; |
| 474 |
// |
| 475 |
// // Allows for customizing button radius independently from global border radius |
| 476 |
// $btn-border-radius: $border-radius !default; |
| 477 |
// $btn-border-radius-lg: $border-radius-lg !default; |
| 478 |
// $btn-border-radius-sm: $border-radius-sm !default; |
| 479 |
// |
| 480 |
// $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; |
| 481 |
|
| 482 |
// |
| 483 |
// |
| 484 |
// // Forms |
| 485 |
// |
| 486 |
// $label-margin-bottom: .5rem !default; |
| 487 |
// |
| 488 |
// $input-padding-y: $input-btn-padding-y !default; |
| 489 |
// $input-padding-x: $input-btn-padding-x !default; |
| 490 |
// $input-line-height: $input-btn-line-height !default; |
| 491 |
// |
| 492 |
// $input-padding-y-sm: $input-btn-padding-y-sm !default; |
| 493 |
// $input-padding-x-sm: $input-btn-padding-x-sm !default; |
| 494 |
// $input-line-height-sm: $input-btn-line-height-sm !default; |
| 495 |
// |
| 496 |
// $input-padding-y-lg: $input-btn-padding-y-lg !default; |
| 497 |
// $input-padding-x-lg: $input-btn-padding-x-lg !default; |
| 498 |
// $input-line-height-lg: $input-btn-line-height-lg !default; |
| 499 |
// |
| 500 |
// $input-bg: $white !default; |
| 501 |
// $input-disabled-bg: $gray-200 !default; |
| 502 |
// |
| 503 |
// $input-color: $gray-700 !default; |
| 504 |
// $input-border-color: $gray-400 !default; |
| 505 |
// $input-border-width: $input-btn-border-width !default; |
| 506 |
// $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default; |
| 507 |
// |
| 508 |
// $input-border-radius: $border-radius !default; |
| 509 |
// $input-border-radius-lg: $border-radius-lg !default; |
| 510 |
// $input-border-radius-sm: $border-radius-sm !default; |
| 511 |
// |
| 512 |
// $input-focus-bg: $input-bg !default; |
| 513 |
// $input-focus-border-color: lighten($component-active-bg, 25%) !default; |
| 514 |
// $input-focus-color: $input-color !default; |
| 515 |
// $input-focus-width: $input-btn-focus-width !default; |
| 516 |
// $input-focus-box-shadow: $input-btn-focus-box-shadow !default; |
| 517 |
// |
| 518 |
// $input-placeholder-color: $gray-600 !default; |
| 519 |
// $input-plaintext-color: $body-color !default; |
| 520 |
// |
| 521 |
// $input-height-border: $input-border-width * 2 !default; |
| 522 |
// |
| 523 |
// $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; |
| 524 |
// $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; |
| 525 |
// |
| 526 |
// $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default; |
| 527 |
// $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default; |
| 528 |
// |
| 529 |
// $input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default; |
| 530 |
// $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default; |
| 531 |
// |
| 532 |
// $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; |
| 533 |
// |
| 534 |
// $form-text-margin-top: .25rem !default; |
| 535 |
// |
| 536 |
// $form-check-input-gutter: 1.25rem !default; |
| 537 |
// $form-check-input-margin-y: .3rem !default; |
| 538 |
// $form-check-input-margin-x: .25rem !default; |
| 539 |
// |
| 540 |
// $form-check-inline-margin-x: .75rem !default; |
| 541 |
// $form-check-inline-input-margin-x: .3125rem !default; |
| 542 |
// |
| 543 |
// $form-group-margin-bottom: 1rem !default; |
| 544 |
// |
| 545 |
// $input-group-addon-color: $input-color !default; |
| 546 |
// $input-group-addon-bg: $gray-200 !default; |
| 547 |
// $input-group-addon-border-color: $input-border-color !default; |
| 548 |
// |
| 549 |
// $custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; |
| 550 |
// |
| 551 |
// $custom-control-gutter: 1.5rem !default; |
| 552 |
// $custom-control-spacer-x: 1rem !default; |
| 553 |
// |
| 554 |
// $custom-control-indicator-size: 1rem !default; |
| 555 |
// $custom-control-indicator-bg: $gray-300 !default; |
| 556 |
// $custom-control-indicator-bg-size: 50% 50% !default; |
| 557 |
// $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default; |
| 558 |
// |
| 559 |
// $custom-control-indicator-disabled-bg: $gray-200 !default; |
| 560 |
// $custom-control-label-disabled-color: $gray-600 !default; |
| 561 |
// |
| 562 |
// $custom-control-indicator-checked-color: $component-active-color !default; |
| 563 |
// $custom-control-indicator-checked-bg: $component-active-bg !default; |
| 564 |
// $custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default; |
| 565 |
// $custom-control-indicator-checked-box-shadow: none !default; |
| 566 |
// |
| 567 |
// $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default; |
| 568 |
// |
| 569 |
// $custom-control-indicator-active-color: $component-active-color !default; |
| 570 |
// $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default; |
| 571 |
// $custom-control-indicator-active-box-shadow: none !default; |
| 572 |
// |
| 573 |
// $custom-checkbox-indicator-border-radius: $border-radius !default; |
| 574 |
// $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; |
| 575 |
// |
| 576 |
// $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default; |
| 577 |
// $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; |
| 578 |
// $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; |
| 579 |
// $custom-checkbox-indicator-indeterminate-box-shadow: none !default; |
| 580 |
// |
| 581 |
// $custom-radio-indicator-border-radius: 50% !default; |
| 582 |
// $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; |
| 583 |
// |
| 584 |
// $custom-select-padding-y: .375rem !default; |
| 585 |
// $custom-select-padding-x: .75rem !default; |
| 586 |
// $custom-select-height: $input-height !default; |
| 587 |
// $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator |
| 588 |
// $custom-select-line-height: $input-btn-line-height !default; |
| 589 |
// $custom-select-color: $input-color !default; |
| 590 |
// $custom-select-disabled-color: $gray-600 !default; |
| 591 |
// $custom-select-bg: $input-bg !default; |
| 592 |
// $custom-select-disabled-bg: $gray-200 !default; |
| 593 |
// $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions |
| 594 |
// $custom-select-indicator-color: $gray-800 !default; |
| 595 |
// $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; |
| 596 |
// $custom-select-border-width: $input-btn-border-width !default; |
| 597 |
// $custom-select-border-color: $input-border-color !default; |
| 598 |
// $custom-select-border-radius: $border-radius !default; |
| 599 |
// $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default; |
| 600 |
// |
| 601 |
// $custom-select-focus-border-color: $input-focus-border-color !default; |
| 602 |
// $custom-select-focus-width: $input-btn-focus-width !default; |
| 603 |
// $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default; |
| 604 |
// |
| 605 |
// $custom-select-font-size-sm: 75% !default; |
| 606 |
// $custom-select-height-sm: $input-height-sm !default; |
| 607 |
// |
| 608 |
// $custom-select-font-size-lg: 125% !default; |
| 609 |
// $custom-select-height-lg: $input-height-lg !default; |
| 610 |
// |
| 611 |
// $custom-range-track-width: 100% !default; |
| 612 |
// $custom-range-track-height: .5rem !default; |
| 613 |
// $custom-range-track-cursor: pointer !default; |
| 614 |
// $custom-range-track-bg: $gray-300 !default; |
| 615 |
// $custom-range-track-border-radius: 1rem !default; |
| 616 |
// $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default; |
| 617 |
// |
| 618 |
// $custom-range-thumb-width: 1rem !default; |
| 619 |
// $custom-range-thumb-height: $custom-range-thumb-width !default; |
| 620 |
// $custom-range-thumb-bg: $component-active-bg !default; |
| 621 |
// $custom-range-thumb-border: 0 !default; |
| 622 |
// $custom-range-thumb-border-radius: 1rem !default; |
| 623 |
// $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default; |
| 624 |
// $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default; |
| 625 |
// $custom-range-thumb-focus-box-shadow-width: $input-btn-focus-width !default; // For focus box shadow issue in IE/Edge |
| 626 |
// $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default; |
| 627 |
// |
| 628 |
// $custom-file-height: $input-height !default; |
| 629 |
// $custom-file-height-inner: $input-height-inner !default; |
| 630 |
// $custom-file-focus-border-color: $input-focus-border-color !default; |
| 631 |
// $custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default; |
| 632 |
// $custom-file-disabled-bg: $input-disabled-bg !default; |
| 633 |
// |
| 634 |
// $custom-file-padding-y: $input-btn-padding-y !default; |
| 635 |
// $custom-file-padding-x: $input-btn-padding-x !default; |
| 636 |
// $custom-file-line-height: $input-btn-line-height !default; |
| 637 |
// $custom-file-color: $input-color !default; |
| 638 |
// $custom-file-bg: $input-bg !default; |
| 639 |
// $custom-file-border-width: $input-btn-border-width !default; |
| 640 |
// $custom-file-border-color: $input-border-color !default; |
| 641 |
// $custom-file-border-radius: $input-border-radius !default; |
| 642 |
// $custom-file-box-shadow: $input-box-shadow !default; |
| 643 |
// $custom-file-button-color: $custom-file-color !default; |
| 644 |
// $custom-file-button-bg: $input-group-addon-bg !default; |
| 645 |
// $custom-file-text: ( |
| 646 |
// en: "Browse" |
| 647 |
// ) !default; |
| 648 |
// |
| 649 |
// |
| 650 |
// // Form validation |
| 651 |
// $form-feedback-margin-top: $form-text-margin-top !default; |
| 652 |
// $form-feedback-font-size: $small-font-size !default; |
| 653 |
// $form-feedback-valid-color: theme-color("success") !default; |
| 654 |
// $form-feedback-invalid-color: theme-color("danger") !default; |
| 655 |
// |
| 656 |
// |
| 657 |
// // Dropdowns |
| 658 |
// // |
| 659 |
// // Dropdown menu container and contents. |
| 660 |
// |
| 661 |
// $dropdown-min-width: 10rem !default; |
| 662 |
// $dropdown-padding-y: .5rem !default; |
| 663 |
// $dropdown-spacer: .125rem !default; |
| 664 |
// $dropdown-bg: $white !default; |
| 665 |
// $dropdown-border-color: rgba($black, .15) !default; |
| 666 |
// $dropdown-border-radius: $border-radius !default; |
| 667 |
// $dropdown-border-width: $border-width !default; |
| 668 |
// $dropdown-divider-bg: $gray-200 !default; |
| 669 |
// $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default; |
| 670 |
// |
| 671 |
// $dropdown-link-color: $gray-900 !default; |
| 672 |
// $dropdown-link-hover-color: darken($gray-900, 5%) !default; |
| 673 |
// $dropdown-link-hover-bg: $gray-100 !default; |
| 674 |
// |
| 675 |
// $dropdown-link-active-color: $component-active-color !default; |
| 676 |
// $dropdown-link-active-bg: $component-active-bg !default; |
| 677 |
// |
| 678 |
// $dropdown-link-disabled-color: $gray-600 !default; |
| 679 |
// |
| 680 |
$dropdown-item-padding-y: .45rem !default; |
| 681 |
// $dropdown-item-padding-x: 1.5rem !default; |
| 682 |
// |
| 683 |
// $dropdown-header-color: $gray-600 !default; |
| 684 |
// |
| 685 |
// |
| 686 |
// // Z-index master list |
| 687 |
// // |
| 688 |
// // Warning: Avoid customizing these values. They're used for a bird's eye view |
| 689 |
// // of components dependent on the z-axis and are designed to all work together. |
| 690 |
// |
| 691 |
// $zindex-dropdown: 1000 !default; |
| 692 |
// $zindex-sticky: 1020 !default; |
| 693 |
// $zindex-fixed: 1030 !default; |
| 694 |
// $zindex-modal-backdrop: 1040 !default; |
| 695 |
// $zindex-modal: 1050 !default; |
| 696 |
// $zindex-popover: 1060 !default; |
| 697 |
// $zindex-tooltip: 1070 !default; |
| 698 |
// |
| 699 |
// // Navs |
| 700 |
// |
| 701 |
$nav-link-padding-y: .8rem !default; |
| 702 |
// $nav-link-padding-x: 1rem !default; |
| 703 |
// $nav-link-disabled-color: $gray-600 !default; |
| 704 |
// |
| 705 |
// $nav-tabs-border-color: $gray-300 !default; |
| 706 |
// $nav-tabs-border-width: $border-width !default; |
| 707 |
// $nav-tabs-border-radius: $border-radius !default; |
| 708 |
// $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default; |
| 709 |
// $nav-tabs-link-active-color: $gray-700 !default; |
| 710 |
// $nav-tabs-link-active-bg: $body-bg !default; |
| 711 |
// $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default; |
| 712 |
// |
| 713 |
// $nav-pills-border-radius: $border-radius !default; |
| 714 |
// $nav-pills-link-active-color: $component-active-color !default; |
| 715 |
// $nav-pills-link-active-bg: $component-active-bg !default; |
| 716 |
// |
| 717 |
// $nav-divider-color: $gray-200 !default; |
| 718 |
// $nav-divider-margin-y: ($spacer / 2) !default; |
| 719 |
// |
| 720 |
// // Navbar |
| 721 |
// |
| 722 |
// $navbar-padding-y: ($spacer / 2) !default; |
| 723 |
// $navbar-padding-x: $spacer !default; |
| 724 |
// |
| 725 |
$navbar-nav-link-padding-x: .9rem !default; |
| 726 |
// |
| 727 |
// $navbar-brand-font-size: $font-size-lg !default; |
| 728 |
// // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link |
| 729 |
// $nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default; |
| 730 |
// $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default; |
| 731 |
// $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default; |
| 732 |
// |
| 733 |
// $navbar-toggler-padding-y: .25rem !default; |
| 734 |
// $navbar-toggler-padding-x: .75rem !default; |
| 735 |
// $navbar-toggler-font-size: $font-size-lg !default; |
| 736 |
// $navbar-toggler-border-radius: $btn-border-radius !default; |
| 737 |
// |
| 738 |
$navbar-dark-color: rgba($white, .85) !default; |
| 739 |
$navbar-dark-hover-color: rgba($white, 1) !default; |
| 740 |
// $navbar-dark-active-color: $white !default; |
| 741 |
// $navbar-dark-disabled-color: rgba($white, .25) !default; |
| 742 |
// $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; |
| 743 |
// $navbar-dark-toggler-border-color: rgba($white, .1) !default; |
| 744 |
// |
| 745 |
// $navbar-light-color: rgba($black, .5) !default; |
| 746 |
// $navbar-light-hover-color: rgba($black, .7) !default; |
| 747 |
// $navbar-light-active-color: rgba($black, .9) !default; |
| 748 |
// $navbar-light-disabled-color: rgba($black, .3) !default; |
| 749 |
// $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; |
| 750 |
// $navbar-light-toggler-border-color: rgba($black, .1) !default; |
| 751 |
// |
| 752 |
// // Pagination |
| 753 |
// |
| 754 |
$pagination-padding-y: .75rem !default; |
| 755 |
$pagination-padding-x: 1rem !default; |
| 756 |
// $pagination-padding-y-sm: .25rem !default; |
| 757 |
// $pagination-padding-x-sm: .5rem !default; |
| 758 |
// $pagination-padding-y-lg: .75rem !default; |
| 759 |
// $pagination-padding-x-lg: 1.5rem !default; |
| 760 |
// $pagination-line-height: 1.25 !default; |
| 761 |
// |
| 762 |
// $pagination-color: $link-color !default; |
| 763 |
// $pagination-bg: $white !default; |
| 764 |
// $pagination-border-width: $border-width !default; |
| 765 |
// $pagination-border-color: $gray-300 !default; |
| 766 |
// |
| 767 |
// $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default; |
| 768 |
// $pagination-focus-outline: 0 !default; |
| 769 |
// |
| 770 |
// $pagination-hover-color: $link-hover-color !default; |
| 771 |
// $pagination-hover-bg: $gray-200 !default; |
| 772 |
// $pagination-hover-border-color: $gray-300 !default; |
| 773 |
// |
| 774 |
// $pagination-active-color: $component-active-color !default; |
| 775 |
// $pagination-active-bg: $component-active-bg !default; |
| 776 |
// $pagination-active-border-color: $pagination-active-bg !default; |
| 777 |
// |
| 778 |
// $pagination-disabled-color: $gray-600 !default; |
| 779 |
// $pagination-disabled-bg: $white !default; |
| 780 |
// $pagination-disabled-border-color: $gray-300 !default; |
| 781 |
// |
| 782 |
// |
| 783 |
// // Jumbotron |
| 784 |
// |
| 785 |
// $jumbotron-padding: 2rem !default; |
| 786 |
// $jumbotron-bg: $gray-200 !default; |
| 787 |
// |
| 788 |
// |
| 789 |
// // Cards |
| 790 |
// |
| 791 |
// $card-spacer-y: .75rem !default; |
| 792 |
// $card-spacer-x: 1.25rem !default; |
| 793 |
// $card-border-width: $border-width !default; |
| 794 |
// $card-border-radius: $border-radius !default; |
| 795 |
// $card-border-color: rgba($black, .125) !default; |
| 796 |
// $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; |
| 797 |
// $card-cap-bg: rgba($black, .03) !default; |
| 798 |
// $card-bg: $white !default; |
| 799 |
// |
| 800 |
// $card-img-overlay-padding: 1.25rem !default; |
| 801 |
// |
| 802 |
// $card-group-margin: ($grid-gutter-width / 2) !default; |
| 803 |
// $card-deck-margin: $card-group-margin !default; |
| 804 |
// |
| 805 |
// $card-columns-count: 3 !default; |
| 806 |
// $card-columns-gap: 1.25rem !default; |
| 807 |
// $card-columns-margin: $card-spacer-y !default; |
| 808 |
// |
| 809 |
// |
| 810 |
// // Tooltips |
| 811 |
// |
| 812 |
// $tooltip-font-size: $font-size-sm !default; |
| 813 |
// $tooltip-max-width: 200px !default; |
| 814 |
// $tooltip-color: $white !default; |
| 815 |
// $tooltip-bg: $black !default; |
| 816 |
// $tooltip-border-radius: $border-radius !default; |
| 817 |
// $tooltip-opacity: .9 !default; |
| 818 |
// $tooltip-padding-y: .25rem !default; |
| 819 |
// $tooltip-padding-x: .5rem !default; |
| 820 |
// $tooltip-margin: 0 !default; |
| 821 |
// |
| 822 |
// $tooltip-arrow-width: .8rem !default; |
| 823 |
// $tooltip-arrow-height: .4rem !default; |
| 824 |
// $tooltip-arrow-color: $tooltip-bg !default; |
| 825 |
// |
| 826 |
// |
| 827 |
// // Popovers |
| 828 |
// |
| 829 |
// $popover-font-size: $font-size-sm !default; |
| 830 |
// $popover-bg: $white !default; |
| 831 |
// $popover-max-width: 276px !default; |
| 832 |
// $popover-border-width: $border-width !default; |
| 833 |
// $popover-border-color: rgba($black, .2) !default; |
| 834 |
// $popover-border-radius: $border-radius-lg !default; |
| 835 |
// $popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default; |
| 836 |
// |
| 837 |
// $popover-header-bg: darken($popover-bg, 3%) !default; |
| 838 |
// $popover-header-color: $headings-color !default; |
| 839 |
// $popover-header-padding-y: .5rem !default; |
| 840 |
// $popover-header-padding-x: .75rem !default; |
| 841 |
// |
| 842 |
// $popover-body-color: $body-color !default; |
| 843 |
// $popover-body-padding-y: $popover-header-padding-y !default; |
| 844 |
// $popover-body-padding-x: $popover-header-padding-x !default; |
| 845 |
// |
| 846 |
// $popover-arrow-width: 1rem !default; |
| 847 |
// $popover-arrow-height: .5rem !default; |
| 848 |
// $popover-arrow-color: $popover-bg !default; |
| 849 |
// |
| 850 |
// $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; |
| 851 |
// |
| 852 |
// |
| 853 |
// // Badges |
| 854 |
// |
| 855 |
$badge-font-size: 84% !default; |
| 856 |
// $badge-font-weight: $font-weight-bold !default; |
| 857 |
// $badge-padding-y: .25em !default; |
| 858 |
// $badge-padding-x: .4em !default; |
| 859 |
// $badge-border-radius: $border-radius !default; |
| 860 |
// |
| 861 |
// $badge-pill-padding-x: .6em !default; |
| 862 |
// // Use a higher than normal value to ensure completely rounded edges when |
| 863 |
// // customizing padding or font-size on labels. |
| 864 |
// $badge-pill-border-radius: 10rem !default; |
| 865 |
// |
| 866 |
// |
| 867 |
// // Modals |
| 868 |
// |
| 869 |
// // Padding applied to the modal body |
| 870 |
// $modal-inner-padding: 1rem !default; |
| 871 |
// |
| 872 |
// $modal-dialog-margin: .5rem !default; |
| 873 |
// $modal-dialog-margin-y-sm-up: 1.75rem !default; |
| 874 |
// |
| 875 |
// $modal-title-line-height: $line-height-base !default; |
| 876 |
// |
| 877 |
// $modal-content-bg: $white !default; |
| 878 |
// $modal-content-border-color: rgba($black, .2) !default; |
| 879 |
// $modal-content-border-width: $border-width !default; |
| 880 |
// $modal-content-border-radius: $border-radius-lg !default; |
| 881 |
// $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default; |
| 882 |
// $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default; |
| 883 |
// |
| 884 |
// $modal-backdrop-bg: $black !default; |
| 885 |
// $modal-backdrop-opacity: .5 !default; |
| 886 |
// $modal-header-border-color: $gray-200 !default; |
| 887 |
// $modal-footer-border-color: $modal-header-border-color !default; |
| 888 |
// $modal-header-border-width: $modal-content-border-width !default; |
| 889 |
// $modal-footer-border-width: $modal-header-border-width !default; |
| 890 |
// $modal-header-padding: 1rem !default; |
| 891 |
// |
| 892 |
// $modal-lg: 800px !default; |
| 893 |
// $modal-md: 500px !default; |
| 894 |
// $modal-sm: 300px !default; |
| 895 |
// |
| 896 |
// $modal-transition: transform .3s ease-out !default; |
| 897 |
// |
| 898 |
// |
| 899 |
// // Alerts |
| 900 |
// // |
| 901 |
// // Define alert colors, border radius, and padding. |
| 902 |
// |
| 903 |
// $alert-padding-y: .75rem !default; |
| 904 |
// $alert-padding-x: 1.25rem !default; |
| 905 |
// $alert-margin-bottom: 1rem !default; |
| 906 |
// $alert-border-radius: $border-radius !default; |
| 907 |
// $alert-link-font-weight: $font-weight-bold !default; |
| 908 |
// $alert-border-width: $border-width !default; |
| 909 |
// |
| 910 |
$alert-bg-level: 0 !default; |
| 911 |
$alert-border-level: 0 !default; |
| 912 |
$alert-color-level: 0 !default; |
| 913 |
// |
| 914 |
// |
| 915 |
// // Progress bars |
| 916 |
// |
| 917 |
// $progress-height: 1rem !default; |
| 918 |
// $progress-font-size: ($font-size-base * .75) !default; |
| 919 |
// $progress-bg: $gray-200 !default; |
| 920 |
// $progress-border-radius: $border-radius !default; |
| 921 |
// $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default; |
| 922 |
// $progress-bar-color: $white !default; |
| 923 |
// $progress-bar-bg: theme-color("primary") !default; |
| 924 |
// $progress-bar-animation-timing: 1s linear infinite !default; |
| 925 |
// $progress-bar-transition: width .6s ease !default; |
| 926 |
// |
| 927 |
// // List group |
| 928 |
// |
| 929 |
// $list-group-bg: $white !default; |
| 930 |
// $list-group-border-color: rgba($black, .125) !default; |
| 931 |
// $list-group-border-width: $border-width !default; |
| 932 |
// $list-group-border-radius: $border-radius !default; |
| 933 |
// |
| 934 |
// $list-group-item-padding-y: .75rem !default; |
| 935 |
// $list-group-item-padding-x: 1.25rem !default; |
| 936 |
// |
| 937 |
// $list-group-hover-bg: $gray-100 !default; |
| 938 |
// $list-group-active-color: $component-active-color !default; |
| 939 |
// $list-group-active-bg: $component-active-bg !default; |
| 940 |
// $list-group-active-border-color: $list-group-active-bg !default; |
| 941 |
// |
| 942 |
// $list-group-disabled-color: $gray-600 !default; |
| 943 |
// $list-group-disabled-bg: $list-group-bg !default; |
| 944 |
// |
| 945 |
// $list-group-action-color: $gray-700 !default; |
| 946 |
// $list-group-action-hover-color: $list-group-action-color !default; |
| 947 |
// |
| 948 |
// $list-group-action-active-color: $body-color !default; |
| 949 |
// $list-group-action-active-bg: $gray-200 !default; |
| 950 |
// |
| 951 |
// |
| 952 |
// // Image thumbnails |
| 953 |
// |
| 954 |
// $thumbnail-padding: .25rem !default; |
| 955 |
// $thumbnail-bg: $body-bg !default; |
| 956 |
// $thumbnail-border-width: $border-width !default; |
| 957 |
// $thumbnail-border-color: $gray-300 !default; |
| 958 |
// $thumbnail-border-radius: $border-radius !default; |
| 959 |
// $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default; |
| 960 |
// |
| 961 |
// |
| 962 |
// // Figures |
| 963 |
// |
| 964 |
// $figure-caption-font-size: 90% !default; |
| 965 |
// $figure-caption-color: $gray-600 !default; |
| 966 |
// |
| 967 |
// |
| 968 |
// // Breadcrumbs |
| 969 |
// |
| 970 |
// $breadcrumb-padding-y: .75rem !default; |
| 971 |
// $breadcrumb-padding-x: 1rem !default; |
| 972 |
// $breadcrumb-item-padding: .5rem !default; |
| 973 |
// |
| 974 |
// $breadcrumb-margin-bottom: 1rem !default; |
| 975 |
// |
| 976 |
// $breadcrumb-bg: $gray-200 !default; |
| 977 |
// $breadcrumb-divider-color: $gray-600 !default; |
| 978 |
// $breadcrumb-active-color: $gray-600 !default; |
| 979 |
// $breadcrumb-divider: quote("/") !default; |
| 980 |
// |
| 981 |
// $breadcrumb-border-radius: $border-radius !default; |
| 982 |
// |
| 983 |
// |
| 984 |
// // Carousel |
| 985 |
// |
| 986 |
// $carousel-control-color: $white !default; |
| 987 |
// $carousel-control-width: 15% !default; |
| 988 |
// $carousel-control-opacity: .5 !default; |
| 989 |
// |
| 990 |
// $carousel-indicator-width: 30px !default; |
| 991 |
// $carousel-indicator-height: 3px !default; |
| 992 |
// $carousel-indicator-spacer: 3px !default; |
| 993 |
// $carousel-indicator-active-bg: $white !default; |
| 994 |
// |
| 995 |
// $carousel-caption-width: 70% !default; |
| 996 |
// $carousel-caption-color: $white !default; |
| 997 |
// |
| 998 |
// $carousel-control-icon-width: 20px !default; |
| 999 |
// |
| 1000 |
// $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; |
| 1001 |
// $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; |
| 1002 |
// |
| 1003 |
// $carousel-transition: transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) |
| 1004 |
// |
| 1005 |
// |
| 1006 |
// // Close |
| 1007 |
// |
| 1008 |
// $close-font-size: $font-size-base * 1.5 !default; |
| 1009 |
// $close-font-weight: $font-weight-bold !default; |
| 1010 |
// $close-color: $black !default; |
| 1011 |
// $close-text-shadow: 0 1px 0 $white !default; |
| 1012 |
// |
| 1013 |
// // Code |
| 1014 |
// |
| 1015 |
$code-font-size: 100% !default; |
| 1016 |
// $code-color: $pink !default; |
| 1017 |
// |
| 1018 |
// $kbd-padding-y: .2rem !default; |
| 1019 |
// $kbd-padding-x: .4rem !default; |
| 1020 |
// $kbd-font-size: $code-font-size !default; |
| 1021 |
// $kbd-color: $white !default; |
| 1022 |
// $kbd-bg: $gray-900 !default; |
| 1023 |
// |
| 1024 |
// $pre-color: $gray-900 !default; |
| 1025 |
// $pre-scrollable-max-height: 340px !default; |
| 1026 |
// |
| 1027 |
// |
| 1028 |
// // Printing |
| 1029 |
// $print-page-size: a3 !default; |
| 1030 |
// $print-body-min-width: map-get($grid-breakpoints, "lg") !default; |
| 1031 |
|
| 1032 |
|
| 1033 |
// --------------------------------------- !! |
| 1034 |
// Additional theme variables |
| 1035 |
// --------------------------------------- !! |
| 1036 |
|
| 1037 |
// Buttons |
| 1038 |
|
| 1039 |
$round-radius: 30px !default; |
