ulovliglogning.dk/_scss/module/_qa.scss

67 lines
1.1 KiB
SCSS

.qa {
width: 100%;
padding: 4rem 1.5rem 0;
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 {
h3 {
color: white;
margin-bottom: 1em;
-moz-osx-font-smoothing: grayscale;
}
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;
}
}
}
}
}