Sha256: 1e5821c2592311171a6425f00ff07e479acacebdc33f2d9299e6cc02a6308092
Contents?: true
Size: 1.29 KB
Versions: 11
Compression:
Stored size: 1.29 KB
Contents
$row-width: 1200px !default;
$mobile-gutter: 0 10px !default;
$desktop-gutter: 0 10px !default;
.row {
display: flex;
flex-wrap: wrap;
max-width: $row-width;
margin: 0 auto;
&.full-width { max-width: none; }
}
.column {
width: 100%;
padding: $mobile-gutter;
@media (min-width: $large) { padding: $desktop-gutter; }
&.no-gutters { padding: 0; }
}
@for $i from 1 through 12 {
.sm-#{$i} { width: 100% / 12 * $i; }
.sm-offset-#{$i} { margin-left: 100% / 12 * $i; }
.sm-order-#{$i} { order: $i; }
}
@media (min-width: $medium) {
@for $i from 1 through 12 {
.md-#{$i} { width: 100% / 12 * $i; }
.md-offset-#{$i} { margin-left: 100% / 12 * $i; }
.md-order-#{$i} { order: $i; }
}
}
@media (min-width: $large) {
@for $i from 1 through 12 {
.lg-#{$i} { width: 100% / 12 * $i; }
.lg-offset-#{$i} { margin-left: 100% / 12 * $i; }
.lg-order-#{$i} { order: $i; }
}
}
@media (min-width: $xlarge) {
@for $i from 1 through 12 {
.xlg-#{$i} { width: 100% / 12 * $i; }
.xlg-offset-#{$i} { margin-left: 100% / 12 * $i; }
.xlg-order-#{$i} { order: $i; }
}
}
@media (min-width: $xxlarge) {
@for $i from 1 through 12 {
.xxlg-#{$i} { width: 100% / 12 * $i; }
.xxlg-offset-#{$i} { margin-left: 100% / 12 * $i; }
.xxlg-order-#{$i} { order: $i; }
}
}
Version data entries
11 entries across 11 versions & 1 rubygems