Merge pull request #8 from pdcreis/patch-9

Create _grid.scss
This commit is contained in:
Mike Francis 2014-06-25 09:41:54 +01:00
commit cc9a3cea59
1 changed files with 37 additions and 0 deletions

37
scss/base/_grid.scss Normal file
View File

@ -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);
}
}
}
}