aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/scss/_accordion.scss
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_accordion.scss')
-rw-r--r--vendor/twbs/bootstrap/scss/_accordion.scss118
1 files changed, 118 insertions, 0 deletions
diff --git a/vendor/twbs/bootstrap/scss/_accordion.scss b/vendor/twbs/bootstrap/scss/_accordion.scss
new file mode 100644
index 000000000..fc62ceb88
--- /dev/null
+++ b/vendor/twbs/bootstrap/scss/_accordion.scss
@@ -0,0 +1,118 @@
+//
+// Base styles
+//
+
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: $accordion-button-padding-y $accordion-button-padding-x;
+ @include font-size($font-size-base);
+ color: $accordion-button-color;
+ text-align: left; // Reset button style
+ background-color: $accordion-button-bg;
+ border: 0;
+ @include border-radius(0);
+ overflow-anchor: none;
+ @include transition($accordion-transition);
+
+ &:not(.collapsed) {
+ color: $accordion-button-active-color;
+ background-color: $accordion-button-active-bg;
+ box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;
+
+ &::after {
+ background-image: escape-svg($accordion-button-active-icon);
+ transform: $accordion-icon-transform;
+ }
+ }
+
+ // Accordion icon
+ &::after {
+ flex-shrink: 0;
+ width: $accordion-icon-width;
+ height: $accordion-icon-width;
+ margin-left: auto;
+ content: "";
+ background-image: escape-svg($accordion-button-icon);
+ background-repeat: no-repeat;
+ background-size: $accordion-icon-width;
+ @include transition($accordion-icon-transition);
+ }
+
+ &:hover {
+ z-index: 2;
+ }
+
+ &:focus {
+ z-index: 3;
+ border-color: $accordion-button-focus-border-color;
+ outline: 0;
+ box-shadow: $accordion-button-focus-box-shadow;
+ }
+}
+
+.accordion-header {
+ margin-bottom: 0;
+}
+
+.accordion-item {
+ background-color: $accordion-bg;
+ border: $accordion-border-width solid $accordion-border-color;
+
+ &:first-of-type {
+ @include border-top-radius($accordion-border-radius);
+
+ .accordion-button {
+ @include border-top-radius($accordion-inner-border-radius);
+ }
+ }
+
+ &:not(:first-of-type) {
+ border-top: 0;
+ }
+
+ // Only set a border-radius on the last item if the accordion is collapsed
+ &:last-of-type {
+ @include border-bottom-radius($accordion-border-radius);
+
+ .accordion-button {
+ &.collapsed {
+ @include border-bottom-radius($accordion-inner-border-radius);
+ }
+ }
+
+ .accordion-collapse {
+ @include border-bottom-radius($accordion-border-radius);
+ }
+ }
+}
+
+.accordion-body {
+ padding: $accordion-body-padding-y $accordion-body-padding-x;
+}
+
+
+// Flush accordion items
+//
+// Remove borders and border-radius to keep accordion items edge-to-edge.
+
+.accordion-flush {
+ .accordion-collapse {
+ border-width: 0;
+ }
+
+ .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ @include border-radius(0);
+
+ &:first-child { border-top: 0; }
+ &:last-child { border-bottom: 0; }
+
+ .accordion-button {
+ @include border-radius(0);
+ }
+ }
+}