-
Etienne LOUPIAS authoredEtienne LOUPIAS authored
accordion.scss 1.16 KiB
/* ********************************************************************************************* */
/* * ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION * */
/* * ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION * */
/* ********************************************************************************************* */
/* accordion CSS rules */
.accordion-btn {
border: none;
border-top: solid var(--ml-neutral) 2px;
border-bottom: transparent solid 2px;
background-color: var(--ml-background);
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
}
.accordion-btn:last-of-type {
border-bottom: solid var(--ml-neutral) 2px;
}
.accordion-btn:hover {
background-color: var(--ml-m200);
border: none;
border-top: transparent solid 2px;
border-bottom: transparent solid 2px;
}
.accordion-btn.expanded {
background-color: var(--ml-m400);
border: none;
border-top: transparent solid 2px;
border-bottom: transparent solid 2px;
}
.accordion-panel {
margin: 10px 18px;
padding: 0 5px;
background-color: var(--ml-neutral);
display: none;
overflow: hidden;
}