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