path: root / src / accordions.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

// Accordions
.accordion {
  .accordion-item {
    input {
      &:checked ~ .accordion-body {
        max-height: 100rem;
        transition: max-height 3s ease;
      }
    }

    .accordion-header {
      background: @bg-color;
      display: block;
      padding: 1rem 1.6rem;
    }

    .accordion-body {
      margin-bottom: .8rem;
      max-height: 0;
      overflow: hidden;
      padding: .2rem .8rem;
      transition: max-height .3s ease;
    }
  }
}