5 The trusy accordion allows you to create a series of vertical tabs.
\r
8 /// @Foundation.settings
\r
10 $accordion-border: 1px solid $gray-dark !default;
\r
12 $accordion-title-background: $gray-light !default;
\r
13 $accordion-title-background-hover: smartscale($accordion-title-background, 5%) !default;
\r
14 $accordion-title-background-active: smartscale($accordion-title-background, 3%) !default;
\r
15 $accordion-title-color: isitlight($accordion-title-background) !default;
\r
16 $accordion-title-color-active: isitlight($accordion-title-background) !default;
\r
18 $accordion-title-padding: $global-padding !default;
\r
19 $accordion-content-padding: $global-padding !default;
\r
22 @mixin accordion-title(
\r
23 $background: $accordion-title-background,
\r
24 $background-hover: $accordion-title-background-hover,
\r
25 $background-active: $accordion-title-background-active,
\r
26 $color: $accordion-title-color,
\r
27 $color-active: $accordion-title-color-active,
\r
28 $padding: $accordion-title-padding
\r
31 background: $background;
\r
37 background: $background-hover;
\r
41 background: $background-active;
\r
42 color: $color-active;
\r
46 @mixin accordion-content(
\r
47 $padding: $accordion-content-padding
\r
57 @include exports(accordion) {
\r
59 @if hasvalue($accordion-border) {
\r
60 border: $accordion-border;
\r
67 @include accordion-title;
\r
69 .accordion-content {
\r
70 @include accordion-content;
\r