From f693a926d657370695f7aeed1a29194938f39b90 Mon Sep 17 00:00:00 2001
From: Pedro Reis <pdcreis@gmail.com>
Date: Thu, 11 Sep 2014 14:57:51 +0100
Subject: [PATCH] Update _grid.scss

---
 scss/base/_grid.scss | 49 ++++++++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/scss/base/_grid.scss b/scss/base/_grid.scss
index 546f9e5..964e9c9 100644
--- a/scss/base/_grid.scss
+++ b/scss/base/_grid.scss
@@ -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);
+    }
+  } 
+
+}