accordion.scss

/* ********************************************************************************************* */
/* * 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;
}