2012-06-29 06:46:45 +02:00
|
|
|
//
|
|
|
|
// Accordion
|
|
|
|
// --------------------------------------------------
|
2012-01-16 03:40:17 +01:00
|
|
|
|
2012-01-18 08:24:59 +01:00
|
|
|
|
|
|
|
// Parent container
|
2012-01-16 03:40:17 +01:00
|
|
|
.accordion {
|
2012-01-18 08:19:21 +01:00
|
|
|
margin-bottom: @baseLineHeight;
|
2012-01-16 03:40:17 +01:00
|
|
|
}
|
2012-01-16 06:48:58 +01:00
|
|
|
|
2012-01-18 08:24:59 +01:00
|
|
|
// Group == heading + body
|
2012-01-17 02:27:30 +01:00
|
|
|
.accordion-group {
|
2012-01-29 01:48:03 +01:00
|
|
|
margin-bottom: 2px;
|
|
|
|
border: 1px solid #e5e5e5;
|
2012-01-17 02:27:30 +01:00
|
|
|
.border-radius(4px);
|
|
|
|
}
|
2012-01-16 03:40:17 +01:00
|
|
|
.accordion-heading {
|
2012-01-16 06:54:58 +01:00
|
|
|
border-bottom: 0;
|
2012-01-16 03:40:17 +01:00
|
|
|
}
|
2012-01-26 23:40:19 +01:00
|
|
|
.accordion-heading .accordion-toggle {
|
|
|
|
display: block;
|
|
|
|
padding: 8px 15px;
|
|
|
|
}
|
2012-01-16 06:48:58 +01:00
|
|
|
|
2012-04-24 10:23:24 +02:00
|
|
|
// General toggle styles
|
|
|
|
.accordion-toggle {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2012-01-18 08:24:59 +01:00
|
|
|
// Inner needs the styles because you can't animate properly with any styles on the element
|
2012-01-16 06:48:58 +01:00
|
|
|
.accordion-inner {
|
2012-01-18 08:19:21 +01:00
|
|
|
padding: 9px 15px;
|
|
|
|
border-top: 1px solid #e5e5e5;
|
2012-01-16 03:40:17 +01:00
|
|
|
}
|