Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update _grid.scss

This commit is contained in:
Pedro Reis 2014-09-11 14:57:51 +01:00
parent 856c40738e
commit f693a926d6
1 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
scss/base/_grid.scss
View File

@ -18,25 +18,38 @@
padding-left: $gutter;
}
@each $breakpoint in $breakpoints-list {
$name: nth($breakpoint, 1);
$declaration: nth($breakpoint, 2);
@media only screen and #{$declaration}{
@if $name == sd {
.col .col {
margin-bottom: $gutter;
&:last-child {
margin-bottom: 0;
}
}
@mixin grid-loop($name){
@for $i from 1 through $grid-columns {
.col--#{$name}-#{$i} {
width: percentage($i/$grid-columns);
}
@for $i from 1 through $grid-columns {
.col--#{$name}-#{$i} {
width: percentage($i/$grid-columns);
}
.col--#{$name}-offset-#{$i} {
margin-left: percentage($i/$grid-columns);
}
.col--#{$name}-offset-#{$i} {
margin-left: percentage($i/$grid-columns);
}
}
}
@each $breakpoint in $breakpoints-list {
$name: nth($breakpoint, 1);
$declaration: nth($breakpoint, 2);
@if $name == ld {
@include grid-loop($name);
}
@else {
@media only screen and #{$declaration} {
@if $name == sd {
.col .col {
margin-bottom: $gutter;
&:last-child {
margin-bottom: 0;
}
}
}
@include grid-loop($name);
}
}
}