zola/docs/sass/_index.scss

55 lines
725 B
SCSS
Raw Permalink Normal View History

.inverted-colours {
background: $foreground;
color: $background;
}
2017-09-08 09:59:51 +00:00
.hero {
width: 60%;
margin: 0 auto;
margin-top: 3rem;
2017-09-12 07:13:26 +00:00
margin-bottom: 6rem;
2017-09-08 09:59:51 +00:00
text-align: center;
&__tagline {
margin-bottom: 2rem;
}
}
2017-09-12 07:13:26 +00:00
.selling-points {
padding: 3rem;
&__content {
display: flex;
flex-wrap: wrap;
}
}
.selling-point {
// 2 selling points per row on desktop
width: 33%;
2017-09-12 07:13:26 +00:00
padding: 2rem;
padding-top: 1rem;
}
// and 1 on mobile
@media only screen and (max-width: 1000px) {
.hero {
width: 90%;
margin-top: 2rem;
margin-bottom: 4rem;
}
.selling-points {
padding: 2rem;
}
.selling-point {
width: 100%;
padding: 1rem;
h2 {
text-align: center;
}
}
2017-09-12 07:13:26 +00:00
}