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