71 lines
964 B
SCSS
71 lines
964 B
SCSS
.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;
|
|
}
|
|
}
|
|
}
|