ulovliglogning.dk/_scss/module/_qa.scss

68 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

2018-01-25 23:17:09 +00:00
.qa {
width: 100%;
2018-02-11 20:07:04 +00:00
padding: 4rem 1.5rem 0;
2018-01-26 14:52:53 +00:00
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
&:first-of-type{
padding-top: 0;
}
2018-01-25 23:17:09 +00:00
.qa--question,
2018-02-03 17:17:02 +00:00
.qa--answer {
2018-01-25 23:17:09 +00:00
box-sizing: border-box;
}
.qa--question {
2018-01-26 14:52:53 +00:00
padding-bottom: 1rem;
&:last-of-type {
padding-bottom: 0;
2018-01-25 23:17:09 +00:00
}
}
2018-01-26 14:52:53 +00:00
2018-02-03 17:17:02 +00:00
.qa--answer {
h3 {
color: white;
margin-bottom: 1em;
-moz-osx-font-smoothing: grayscale;
}
2018-01-26 14:52:53 +00:00
p {
max-width: 100%;
&:last-of-type {
margin-bottom: 0;
}
}
2018-01-25 23:17:09 +00:00
}
2018-01-26 14:52:53 +00:00
@include media-breakpoint-up(md) {
display: flex;
align-items: flex-start;
justify-content: center;
.qa--question {
width: 22rem;
padding-bottom: 35px;
margin-right: 2rem;
2018-02-03 21:04:41 +00:00
background-image: url(../img/question.svg);
2018-01-26 14:52:53 +00:00
background-position: bottom right;
background-repeat: no-repeat;
h3 {
text-align: right;
}
}
2018-02-03 17:17:02 +00:00
.qa--answer {
width: 40rem;
2018-01-26 14:52:53 +00:00
p {
margin-bottom: 1em;
&:last-of-type {
margin-bottom: 0;
}
}
}
}
}