forked from M3-Academy/challenge-vtex-io
38 lines
729 B
CSS
38 lines
729 B
CSS
.trigger--question {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
.trigger--question :global(.vtex-rich-text-0-x-paragraph) {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.trigger--question:focus,
|
|
.trigger--question:focus :global(.vtex-rich-text-0-x-paragraph) {
|
|
color: #0F3E99;
|
|
}
|
|
|
|
.trigger :global(.vtex-store-icons-0-x-caretIcon) {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.content--answer {
|
|
transition: opacity 250ms ease-in-out, height 250ms ease-in-out, transform 250ms ease-in-out;
|
|
opacity: 0;
|
|
height: 0;
|
|
transform: translate3d(0, -10%, 0);
|
|
}
|
|
|
|
.content--answer[data-enter] {
|
|
opacity: 1;
|
|
height: fit-content;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
.content--answer[data-leave] {
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|