Changeset View
Changeset View
Standalone View
Standalone View
landing/keyserver-faq.css
.faqSection { | |||||
display: flex; | |||||
flex-direction: column; | |||||
align-items: center; | |||||
background-color: var(--light-dark-page-background); | |||||
padding: 96px 0; | |||||
} | |||||
.faqHeading { | |||||
color: var(--white-100); | |||||
margin-bottom: 64px; | |||||
} | |||||
.faqContainer { | |||||
width: 1144px; | |||||
max-width: 90vw; | |||||
} | |||||
.faqItemContainer { | |||||
border-bottom: 1px solid var(--white-80); | |||||
padding: 40px 0 24px; | |||||
cursor: pointer; | |||||
} | |||||
.questionContainer { | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
} | |||||
.questionText { | |||||
color: var(--white-100); | |||||
} | |||||
.icon { | |||||
margin-left: 24px; | |||||
} | |||||
.answerContainer { | |||||
max-height: 0; | |||||
overflow: hidden; | |||||
} | |||||
.activeAnswerContainer { | |||||
max-height: fit-content; | |||||
} | |||||
.answerText { | .answerText { | ||||
color: var(--white-100); | color: var(--white-100); | ||||
margin-top: 16px; | margin-top: 16px; | ||||
} | } | ||||
.link { | .link { | ||||
color: inherit; | color: inherit; | ||||
text-decoration: underline; | text-decoration: underline; | ||||
transition: color 150ms; | transition: color 150ms; | ||||
} | } | ||||
.link:hover { | .link:hover { | ||||
color: var(--violet-dark-100); | color: var(--violet-dark-100); | ||||
transition: color 150ms; | transition: color 150ms; | ||||
} | } |