Pricing cards as reusable components and improved collapsibles.
This commit is contained in:
parent
5eec4a885e
commit
c34558e70d
5 changed files with 138 additions and 118 deletions
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue