ulovliglogning.dk/_scss/module/_qa.scss
2018-02-03 22:04:41 +01:00

60 lines
997 B
SCSS

.qa {
width: 100%;
padding: 2rem 1.5rem;
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
&:first-of-type{
padding-top: 0;
}
.qa--question,
.qa--answer {
box-sizing: border-box;
}
.qa--question {
padding-bottom: 1rem;
&:last-of-type {
padding-bottom: 0;
}
}
.qa--answer {
p {
max-width: 100%;
&:last-of-type {
margin-bottom: 0;
}
}
}
@include media-breakpoint-up(md) {
display: flex;
align-items: flex-start;
justify-content: center;
.qa--question {
width: 22rem;
padding-bottom: 35px;
margin-right: 2rem;
background-image: url(../img/question.svg);
background-position: bottom right;
background-repeat: no-repeat;
h3 {
text-align: right;
}
}
.qa--answer {
max-width: 40rem;
p {
margin-bottom: 1em;
&:last-of-type {
margin-bottom: 0;
}
}
}
}
}