This repository has been archived on 2023-02-03. You can view files and clone it, but cannot push or open issues or pull requests.
autonomic.zone/scss/components/section.scss
2017-08-31 12:44:57 +01:00

47 lines
756 B
SCSS

.section {
position: relative;
width: 100%;
}
.section__title {
@extend .h3;
}
.section--style-a {
float: left;
margin-top: 50px;
&:first-child {
margin-top: 0;
}
.section__block--a {
margin-bottom: 50px;
}
@include breakpoint($md) {
width: 100%;
margin-bottom: 5%;
+ .section--style-a {
margin-top: -11.5%
}
.section__block--a {
@include span(3);
padding-top: 7vw;
margin-bottom: 0;
}
.section__block--b {
@include span(9);
@include last()
}
}
@include breakpoint($xl) {
.section__block--a {
padding-top: 100px;
}
}
}