houdini/app/assets/stylesheets/components/toggle_q_a.css.scss

32 lines
530 B
SCSS

@import 'mixins';
.toggleQA-toggle {
width: 100%;
cursor: pointer;
}
.toggleQA-toggle td:first-of-type {
width: 35px;
}
.toggleQA-toggle + .toggleQA-a {
display: none;
}
.toggleQA-q {
position: relative;
display: inline-block;
font-size: 24px;
margin:0;
}
.toggleQA-arrow {
display: block;
}
.toggleQA-arrow:before {
content: '\25B2';
font-size: 28px;
}
.toggleQA-toggle.is-showingAnswers + .toggleQA-a {
display:block;
}
.toggleQA-toggle.is-showingAnswers .toggleQA-arrow:before {
content: '\25BC';
}