// Variables //—————————————————— $accordion-border-color: $lightgray-dark !default;

$accordion-panel-font-color: $darkgray-dark !default; $accordion-panel-font-color-hover: $mediumgray-dark !default; $accordion-panel-radius: 4px !default;

$accordion-panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;

$accordion-panel-background-color: $white !default;

// Exports //——————————————————

@include exports(“accordion”) {

/**
 * accordion
 * --------------------------------------------------
 */
.panel-group {
  & .panel {
    @include radius($type: border-radius, $value: 0);
    background-color: transparent;
    @include box-shadow($value: none);
  }
  & .panel+.panel {
    margin-top: 0;
  }
  & .panel-heading {
    padding: 0;
    border-bottom-color: transparent;
  }
  & .panel-heading+.panel-collapse .panel-body {
    padding: 15px 0;
    border-top-color: transparent;
  }
  & .panel-title a {
    padding: 10px 0;
    display: block;
  }
}
.panel-group-lists {
  & .panel {
    border-bottom: 1px solid $accordion-border-color;
    background-color: $accordion-panel-background-color;
    @include box-shadow($value: $accordion-panel-shadow);
  }
  & .panel:first-child {
    @include radius($type: border-radius, $value: $accordion-panel-radius $accordion-panel-radius 0 0);
  }
  & .panel:last-child {
    @include radius($type: border-radius, $value: 0 0 $accordion-panel-radius $accordion-panel-radius);
    border-bottom: none;
  }
  & .panel-heading+.panel-collapse .panel-body {
    padding: 15px;
    border-top-color: $accordion-border-color;
  }
  & .panel-title a {
    padding: 10px 15px;
    color: $accordion-panel-font-color;
  }
  & .panel-title a:hover,
  & .panel-title a:focus,
  & .panel-title a:active {
    color: $accordion-panel-font-color-hover;
  }
}

}