Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
/* Brakepoints */
$breakpoints: (
mobile: 480px,
tablet: 768px,
laptop: 992px,
desktop: 1200px
);
/* Column names */
$col: (
mobile: mob,
tablet: tab,
laptop: lap,
desktop: desk
);
/* Columns */
$columns-number: 2;
@each $item in $col{
.#{item}{
content: $item;
}
}
// @each $item in $column-names {
// @for $i from 1 through $columns-number {
// .column-#{$i} {
// width: 100% / $columns-number * $i;
// }
// }
// }
/* Brakepoints */
/* Column names */
/* Columns */
.item {
content: mobile mob;
}
.item {
content: tablet tab;
}
.item {
content: laptop lap;
}
.item {
content: desktop desk;
}