Pricing cards as reusable components and improved collapsibles.

This commit is contained in:
Bob Vandevliet 2025-07-03 18:35:47 +02:00
parent 5eec4a885e
commit c34558e70d
5 changed files with 138 additions and 118 deletions

View file

@ -19,6 +19,7 @@ $primary: $red; // Default: $blue
$carousel-indicator-active-bg-dark: $white;
$carousel-caption-color-dark: $white;
$carousel-control-icon-filter-dark: unset;
$accordion-icon-width: 1rem;
// Include remainder of required parts
@import "bootstrap/scss/maps";
@ -38,7 +39,7 @@ $carousel-control-icon-filter-dark: unset;
@import "bootstrap/scss/images";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/transitions";
// @import "bootstrap/scss/accordion";
@import "bootstrap/scss/accordion";
// @import "bootstrap/scss/alert";
// @import "bootstrap/scss/badge";
// @import "bootstrap/scss/breadcrumb";
@ -330,6 +331,23 @@ img.grayscale-effect {
@extend .p-0;
}
.accordion-button:not(.accordion .accordion-button) {
@extend .accordion;
padding: unset;
color: unset;
background-color: unset;
box-shadow: unset;
border: 0;
&::after {
width: var(--#{$prefix}accordion-btn-icon-width);
height: var(--#{$prefix}accordion-btn-icon-width);
margin-left: .5rem;
@include transition(var(--#{$prefix}accordion-btn-icon-transition));
}
}
.list-group-item {
background-color: inherit;
border: solid var(--bs-body-bg);