/*******************************

Accordion

*******************************/

@fontSize: 1em; @boxShadow: none;

/* Title */ @titleFont: @headerFont; @titlePadding: 0.5em 0em; @titleFontSize: 1em; @titleColor: @textColor;

/* Icon */ @iconOpacity: 0.75; @iconFontSize: 1em; @iconFloat: none; @iconWidth: 1.25em; @iconHeight: 1em; @iconDisplay: inline-block; @iconMargin: 0em 0.25rem 0em 0rem; @iconPadding: 0em; @iconTransition:

transform 0.2s ease,
opacity 0.2s ease

; @iconVerticalAlign: baseline;

@iconTransform: rotate(0deg);

/* Child Accordion */ @childAccordionMargin: 1em 0em 0em; @childAccordionPadding: 0em;

/* Content */ @contentMargin: 0em; @contentPadding: 0.5em 0em 1em;

/*——————-

Coupling

——————–*/

@menuTitlePadding: 0em; @menuIconFloat: right; @menuIconMargin: @lineHeightOffset 0em 0em 1em; @menuIconTransform: rotate(180deg);

/*——————-

States

——————–*/

@activeIconTransform: rotate(90deg);

/*——————-

Variations

——————–*/

/* Styled */ @styledWidth: 600px; @styledBackground: @white; @styledBorderRadius: @defaultBorderRadius; @styledBoxShadow:

@subtleShadow,
0px 0px 0px 1px @borderColor

;

/* Content */ @styledContentMargin: 0em; @styledContentPadding: 0.5em 1em 1.5em;

/* Child Content */ @styledChildContentMargin: 0em; @styledChildContentPadding: @styledContentPadding;

/* Styled Title */ @styledTitleMargin: 0em; @styledTitlePadding: 0.75em 1em; @styledTitleFontWeight: bold; @styledTitleColor: @unselectedTextColor; @styledTitleTransition: background-color 0.2s ease; @styledTitleBorder: 1px solid @borderColor; @styledTitleTransition:

background @transitionDuration @transitionEasing,
color @transitionDuration @transitionEasing

;

/* Styled Title States */ @styledTitleHoverBackground: transparent; @styledTitleHoverColor: @textColor; @styledActiveTitleBackground: transparent; @styledActiveTitleColor: @selectedTextColor;

/* Styled Child Title States */ @styledHoverChildTitleBackground: @styledTitleHoverBackground; @styledHoverChildTitleColor: @styledTitleHoverColor; @styledActiveChildTitleBackground: @styledActiveTitleBackground; @styledActiveChildTitleColor: @styledActiveTitleColor;

/* Inverted */ @invertedTitleColor: @invertedTextColor;