biobulkbende.org/app/assets/scss/modules/_rows.scss

71 lines
964 B
SCSS
Raw Normal View History

.row {
@include clearfix();
&--large-only {
display: none;
@include atLarge {
display: inline-block;
}
}
&--gutters {
margin-right: -60px;
margin-bottom: 15px;
}
&--gutters > div {
padding-right: 60px;
}
@include atLarge() {
&__medium-3--larger {
float: left;
width: 30%;
}
&__medium-4 {
float: left;
width: 33.33%;
}
&__medium-6 {
float: left;
width: 50%;
}
&__medium-8 {
float: right;
width: 66.66%;
}
&__medium-9--smaller {
float: right;
width: 70%;
}
}
/* Begin Equal Height Rules */
.flexbox &--equal-height-at-medium {
@include atMedium() {
display: flex;
}
& > div {
float: none;
display: flex;
}
}
.flexbox &--equal-height-at-large {
@include atMedium() {
display: flex;
}
& > div {
float: none;
display: flex;
}
}
}