mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 00:28:31 -05:00
35 lines
644 B
SCSS
35 lines
644 B
SCSS
|
//
|
||
|
|
// Accordion
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
|
||
|
|
// Parent container
|
||
|
|
.accordion {
|
||
|
|
margin-bottom: $baseLineHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Group == heading + body
|
||
|
|
.accordion-group {
|
||
|
|
margin-bottom: 2px;
|
||
|
|
border: 1px solid #e5e5e5;
|
||
|
|
@include border-radius($baseBorderRadius);
|
||
|
|
}
|
||
|
|
.accordion-heading {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.accordion-heading .accordion-toggle {
|
||
|
|
display: block;
|
||
|
|
padding: 8px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
// General toggle styles
|
||
|
|
.accordion-toggle {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Inner needs the styles because you can't animate properly with any styles on the element
|
||
|
|
.accordion-inner {
|
||
|
|
padding: 9px 15px;
|
||
|
|
border-top: 1px solid #e5e5e5;
|
||
|
|
}
|