| | |
|---|
| | | nav#faq{--height:fit-content;background-color:var(--base-100);border-radius:var(--outerRadius);display:block;padding:1.5rem}nav#faq ol{counter-reset:faq;display:block;height:-moz-fit-content;height:fit-content;list-style:decimal-leading-zero}nav#faq ol li{counter-increment:faq}nav#faq ol li:before{content:counter(faq);display:block;font-family:var(--heading);font-weight:var(--hBold)}nav#faq h2{font-size:var(--large);right:0;margin:.5rem 0}nav#faq a{padding:.5rem}.faq-block{max-width:none;padding-bottom:3rem;width:100%}.faq-block>*{margin:1rem auto;max-width:var(--alignWide)}.faq-block h2{margin:5rem 0 1.5rem}.faq-block h3{margin:0;text-transform:none}.faq-block :target{background-color:var(--base);outline:none}.faq-block :target h2{background-color:var(--base);border-radius:var(--outerRadius);padding:1rem 1.5rem}.faq-block details{margin:1rem auto;max-width:var(--maxWidth);padding:.75rem}.faq-block details+details{margin-top:3rem}.faq-block details .button{display:block;height:-moz-fit-content;height:fit-content;margin-right:auto} |
|---|
| | | /*!*******************************************************************************************************************************************************************************************************************************************!*\ |
|---|
| | | !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/faq/style.scss ***! |
|---|
| | | \*******************************************************************************************************************************************************************************************************************************************/ |
|---|
| | | nav#faq { |
|---|
| | | height: -moz-max-content; |
|---|
| | | height: max-content; |
|---|
| | | display: block; |
|---|
| | | background-color: rgb(var(--base-100)); |
|---|
| | | border-radius: var(--radius-outer); |
|---|
| | | padding: 1.5rem; |
|---|
| | | touch-action: auto; |
|---|
| | | } |
|---|
| | | nav#faq ol { |
|---|
| | | list-style: decimal-leading-zero; |
|---|
| | | height: -moz-fit-content; |
|---|
| | | height: fit-content; |
|---|
| | | display: block; |
|---|
| | | counter-reset: faq; |
|---|
| | | } |
|---|
| | | nav#faq ol li { |
|---|
| | | counter-increment: faq; |
|---|
| | | width: -moz-max-content; |
|---|
| | | width: max-content; |
|---|
| | | } |
|---|
| | | nav#faq ol li::before { |
|---|
| | | content: counter(faq); |
|---|
| | | display: block; |
|---|
| | | font-family: var(--heading); |
|---|
| | | font-weight: var(--fw-h-bold); |
|---|
| | | } |
|---|
| | | nav#faq h2 { |
|---|
| | | right: 0; |
|---|
| | | font-size: var(--txt-large); |
|---|
| | | margin: 0.5rem 0 0.5rem; |
|---|
| | | } |
|---|
| | | nav#faq a { |
|---|
| | | padding: 0.5rem; |
|---|
| | | } |
|---|
| | | .faq-block { |
|---|
| | | padding-bottom: 3rem; |
|---|
| | | max-width: none; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | .faq-block > * { |
|---|
| | | max-width: var(--wide); |
|---|
| | | margin: 1rem auto; |
|---|
| | | } |
|---|
| | | .faq-block h2 { |
|---|
| | | margin: 5rem 0 1.5rem; |
|---|
| | | } |
|---|
| | | .faq-block h3 { |
|---|
| | | margin: 0; |
|---|
| | | text-transform: none; |
|---|
| | | } |
|---|
| | | .faq-block :target { |
|---|
| | | background-color: rgb(var(--base)); |
|---|
| | | outline: none; |
|---|
| | | } |
|---|
| | | .faq-block :target h2 { |
|---|
| | | background-color: rgb(var(--base)); |
|---|
| | | padding: 1rem 1.5rem; |
|---|
| | | border-radius: var(--radius-outer); |
|---|
| | | } |
|---|
| | | .faq-block details { |
|---|
| | | max-width: var(--content); |
|---|
| | | margin: 1rem auto; |
|---|
| | | padding: 0.75rem; |
|---|
| | | } |
|---|
| | | .faq-block details + details { |
|---|
| | | margin-top: 3rem; |
|---|
| | | } |
|---|
| | | .faq-block details .button { |
|---|
| | | height: -moz-fit-content; |
|---|
| | | height: fit-content; |
|---|
| | | display: flex; |
|---|
| | | margin-right: auto; |
|---|
| | | } |
|---|
