| | |
| | | nav#faq { |
| | | --height: fit-content; |
| | | height: max-content; |
| | | display: block; |
| | | background-color: var(--base-100); |
| | | border-radius: var(--outerRadius); |
| | | background-color: rgb(var(--base-100)); |
| | | border-radius: var(--radius-outer); |
| | | padding: 1.5rem; |
| | | touch-action: auto; |
| | | ol { |
| | | list-style: decimal-leading-zero; |
| | | height: fit-content; |
| | |
| | | counter-reset: faq; |
| | | li { |
| | | counter-increment: faq; |
| | | width: max-content; |
| | | &::before { |
| | | content: counter(faq); |
| | | display: block; |
| | | font-family: var(--heading); |
| | | font-weight: var(--hBold); |
| | | font-weight: var(--fw-h-bold); |
| | | } |
| | | } |
| | | } |
| | | h2 { |
| | | left: 0; |
| | | font-size: var(--large); |
| | | font-size: var(--txt-large); |
| | | margin: .5rem 0 .5rem; |
| | | } |
| | | a { |
| | |
| | | max-width: none; |
| | | width: 100%; |
| | | > * { |
| | | max-width: var(--alignWide); |
| | | max-width: var(--wide); |
| | | margin: 1rem auto; |
| | | } |
| | | h2 { |
| | |
| | | text-transform: none; |
| | | } |
| | | :target { |
| | | background-color: var(--base); |
| | | background-color: rgb(var(--base)); |
| | | outline: none; |
| | | |
| | | h2 { |
| | | background-color: var(--base); |
| | | background-color: rgb(var(--base)); |
| | | padding: 1rem 1.5rem; |
| | | border-radius: var(--outerRadius); |
| | | border-radius: var(--radius-outer); |
| | | } |
| | | } |
| | | details { |
| | | max-width: var(--maxWidth); |
| | | max-width: var(--content); |
| | | margin: 1rem auto; |
| | | padding: .75rem; |
| | | } |
| | |
| | | } |
| | | details .button { |
| | | height: fit-content; |
| | | display: block; |
| | | display: flex; |
| | | margin-left: auto; |
| | | } |
| | | } |