77 lines
2.0 KiB
SCSS
Executable File
77 lines
2.0 KiB
SCSS
Executable File
// 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;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|