1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 11:16:27 +02:00
Files
csslayout/styles/patterns/_questions-and-answers.scss
2022-09-19 22:34:07 +07:00

29 lines
651 B
SCSS

.questions-and-answers {
width: 100%;
}
.questions-and-answers__item:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.questions-and-answers__header {
align-items: center;
display: flex;
justify-content: center;
cursor: pointer;
padding: 0.5rem;
}
.questions-and-answers__toggle {
margin-right: 0.25rem;
}
.questions-and-answers__title {
flex: 1;
}
.questions-and-answers__content {
padding: 0 0.5rem;
}
.questions-and-answers__item--collapsed .questions-and-answers__content {
display: none;
}
.questions-and-answers__item--expanded .questions-and-answers__content {
display: block;
}