diff --git a/scss/base/_grid.scss b/scss/base/_grid.scss new file mode 100644 index 0000000..37a71d1 --- /dev/null +++ b/scss/base/_grid.scss @@ -0,0 +1,37 @@ +.row { + @extend .clearfix; + clear: both; + margin-left: -$gutter; +} + +.col { + float: left; + padding-left: $gutter; + margin-bottom: $gutter; + .col & { + margin-bottom: 0; + } +} + +@each $breakpoint in $breakpoints-list { + $name: nth($breakpoint, 1); + $declaration: nth($breakpoint, 2); + @media only screen and #{$declaration}{ + @for $i from 1 through $grid-columns { + .col--#{$name}-#{$i} { + width: percentage($i/$grid-columns); + @if $name == sd { + .col { + margin-bottom: $gutter; + &:last-child { + margin-bottom: 0; + } + } + } + } + .col--#{$name}-offset-#{$i} { + margin-left: percentage($i/$grid-columns); + } + } + } +}