78 lines
No EOL
1.5 KiB
SCSS
78 lines
No EOL
1.5 KiB
SCSS
#section__questions{
|
|
details{
|
|
border-bottom: var(--border);
|
|
|
|
|
|
summary{
|
|
height: calc(var(--h-block)*1);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
cursor: pointer;
|
|
|
|
&::after{
|
|
content: "▶";
|
|
font-size: 0.8em;
|
|
color: var(--grey-400);
|
|
}
|
|
}
|
|
|
|
p{
|
|
padding-top: calc(var(--spacing)*0.25);
|
|
margin-bottom: var(--spacing);
|
|
border-top: var(--border);
|
|
}
|
|
|
|
|
|
&::details-content {
|
|
|
|
max-height: 0;
|
|
transition: max-height ease-in .5s;
|
|
overflow: hidden;
|
|
|
|
// display: grid;
|
|
// grid-template-rows: 0fr;
|
|
// overflow: hidden;
|
|
// transition: grid-template-rows 1s;
|
|
|
|
}
|
|
|
|
&[open]{
|
|
|
|
|
|
|
|
&::details-content {
|
|
max-height: 1000px;
|
|
filter: none;
|
|
}
|
|
|
|
|
|
summary::after{
|
|
transform: rotate(90deg);
|
|
transform-origin: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.btn--bold{
|
|
display: block;
|
|
margin: calc(var(--spacing) * 1.5) auto;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// @keyframes fadeInDown {
|
|
// 0% {
|
|
// opacity: 0;
|
|
// transform: translateY(-1.25em);
|
|
// }
|
|
// 100% {
|
|
// opacity: 1;
|
|
// transform: translateY(0);
|
|
// }
|
|
// } |