theme for RDM site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
1.1 KiB

3 years ago
.accordionjs{
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-top: 10px;
margin-bottom: 20px;
// Section
// ---------------
.acc_section{
border: 1px solid #ccc;
position: relative;
z-index: 10;
margin-top: -1px;
overflow: hidden;
// Head
// ------------
.acc_head{
position: relative;
background: #fff;
padding: 10px;
display: block;
cursor: pointer;
h3{
line-height: 1;
margin: 5px 0;
}
}
// Content
// ---------------
.acc_content{
padding: 10px;
}
// General rules
// ---------------------
// Border radius
&:first-of-type,
&:first-of-type .acc_head{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
&:last-of-type,
&:last-of-type .acc_content{
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
//JS Requirements
&.acc_active{
> .acc_content{
display: block;
}
> .acc_head{
background: #F9F9F9;
border-bottom: 1px solid #ccc;
}
}
}
}