2021-07-29 18:46:27 -04:00
|
|
|
// Merge the color maps
|
|
|
|
|
$theme-colors: map-merge($theme-colors, $custom-colors);
|
|
|
|
|
|
|
|
|
|
/* general styles */
|
|
|
|
|
$link-color: $gray-200;
|
|
|
|
|
$link-decoration: underline;
|
2021-08-02 21:32:27 -04:00
|
|
|
$link-shade-percentage: 20%;
|
2021-07-29 18:46:27 -04:00
|
|
|
$link-hover-color: $primary;
|
|
|
|
|
|
|
|
|
|
/* tables */
|
|
|
|
|
$table-bg: $dark;
|
|
|
|
|
|
|
|
|
|
/* buttons */
|
|
|
|
|
$btn-box-shadow: null;
|
|
|
|
|
|
|
|
|
|
/* figure captions */
|
|
|
|
|
$figure-caption-color: $gray-400;
|
|
|
|
|
|
|
|
|
|
/* form inputs */
|
|
|
|
|
$input-bg: $dark;
|
|
|
|
|
$input-focus-bg: $dark;
|
|
|
|
|
$input-border-color: $spaceblue-600;
|
|
|
|
|
$input-focus-color: $gray-100;
|
|
|
|
|
$input-placeholder-color: shade-color($spaceblue-600, 20%);
|
|
|
|
|
|
|
|
|
|
/* pagination */
|
|
|
|
|
$pagination-bg: $dark;
|
|
|
|
|
$pagination-border-color: $spaceblue-600;
|
|
|
|
|
$pagination-hover-color: tint-color($primary, 10%);
|
2021-08-02 21:32:27 -04:00
|
|
|
$pagination-hover-bg: $component-hover-bg;
|
2021-07-29 18:46:27 -04:00
|
|
|
$pagination-hover-border-color: $spaceblue-600;
|
|
|
|
|
$pagination-focus-color: tint-color($primary, 10%);
|
|
|
|
|
$pagination-focus-bg: tint-color($dark, 7%);
|
|
|
|
|
|
|
|
|
|
/* dropdown menus */
|
|
|
|
|
$dropdown-dark-bg: $dark;
|
2021-08-02 21:32:27 -04:00
|
|
|
$dropdown-dark-divider-bg: $spaceblue-600;
|
|
|
|
|
$dropdown-dark-link-color: $light;
|
|
|
|
|
$dropdown-dark-link-hover-color: $component-hover-color;
|
|
|
|
|
$dropdown-dark-link-hover-bg: $component-hover-bg; // was $spaceblue-600
|
|
|
|
|
$dropdown-dark-link-active-color: $component-active-color;
|
|
|
|
|
$dropdown-dark-link-active-bg: $component-active-bg;
|
|
|
|
|
|
|
|
|
|
/* alerts */
|
|
|
|
|
// scss-docs-start alert-variables
|
|
|
|
|
$alert-padding-y: $spacer;
|
|
|
|
|
$alert-padding-x: $spacer;
|
|
|
|
|
$alert-margin-bottom: 1rem;
|
|
|
|
|
$alert-border-radius: $border-radius;
|
|
|
|
|
$alert-link-font-weight: $font-weight-bold;
|
|
|
|
|
$alert-border-width: $border-width;
|
|
|
|
|
$alert-bg-scale: -40%;
|
|
|
|
|
$alert-border-scale: -30%;
|
|
|
|
|
$alert-color-scale: 60%;
|
|
|
|
|
$alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side
|
|
|
|
|
// scss-docs-end alert-variables
|
