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

37 lines
731 B
SCSS
Raw Normal View History

2020-06-12 20:03:43 +00:00
/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'components/circle_text';
.question,
.answer {
position: relative;
padding-left: 45px;
}
.question {
font-weight: bold;
margin-bottom: 20px;
}
.answer {
margin-bottom: 30px;
border-bottom: 1px rgba(black, 0.07) solid;
padding-bottom: 20px;
}
.answer:last-of-type {
border-bottom: none;
}
.question:before,
.answer:before {
font-weight: bold;
position: absolute;
left: 0;
top: -4px;
}
.question:before {
content: 'Q';
@include circleText($bluegrass, 32px, white, 16px);
}
.answer:before {
content: 'A';
@include circleText($logo-blue, 32px, white, 16px);
}