// scss-docs-start accordion-variables
$accordion-padding-y: 1rem !default;
$accordion-padding-x: 1.25rem !default;
-$accordion-color: var(--#{$variable-prefix}body-color) !default;
+$accordion-color: var(--#{$prefix}body-color) !default;
$accordion-bg: $body-bg !default;
$accordion-border-width: $border-width !default;
$accordion-border-color: var(--#{$prefix}border-color) !default;
$accordion-button-padding-y: $accordion-padding-y !default;
$accordion-button-padding-x: $accordion-padding-x !default;
$accordion-button-color: $accordion-color !default;
-$accordion-button-bg: var(--#{$variable-prefix}accordion-bg) !default;
+$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
$accordion-transition: $btn-transition, border-radius .15s ease !default;
$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;
$accordion-button-active-color: shade-color($primary, 10%) !default;
}
.dropdown-menu {
- --#{$variable-prefix}dropdown-min-width: 12rem;
- --#{$variable-prefix}dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
- @include rfs(.875rem, --#{$variable-prefix}dropdown-font-size);
+ --#{$prefix}dropdown-min-width: 12rem;
+ --#{$prefix}dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
+ @include rfs(.875rem, --#{$prefix}dropdown-font-size);
box-shadow: $dropdown-box-shadow;
}
{{ highlight (printf `// Variable overrides first
$primary: #900;
$enable-shadows: true;
-$variable-prefix: "mo-";
+$prefix: "mo-";
// Then import Bootstrap
@import "../node_modules/bootstrap/scss/bootstrap";
// Variable overrides second
$primary: #900;
$enable-shadows: true;
-$variable-prefix: "mo-";
+$prefix: "mo-";
// Required Bootstrap imports
@import "../node_modules/bootstrap/scss/variables";