Added spacer to push botton cells down

Author: carlos-algms

examples/index.html

@@ -32,7 +32,7 @@ <h5>
 
   <hr />
 
-  <div class="fl-3-cols-container fl-gutter-5">
+  <div class="fl-3-cols-container fl-gutter-5 fl-spacer-15">
     <aside>001</aside>
     <aside>002</aside>
     <aside>003</aside>

package.json

@@ -10,7 +10,7 @@
     "sass-to-css": "node-sass --linefeed lf --source-map true src/main.scss -o dist/",
     "watch-sass": "npm run sass-to-css -- -wr",
     "clean-css": "cleancss --level 2 --source-map --format beautify -o dist/main.css dist/main.css",
-    "clean-css-min": "cleancss --source-map -o dist/main.min.css dist/main.css"
+    "clean-css-min": "cleancss --debug --source-map -o dist/main.min.css dist/main.css"
   },
   "private": false,
   "dependencies": {},

src/_grid-spacers.scss

@@ -0,0 +1,8 @@
+@for $i from 1 through 4 {
+  $multiply: 5 * $i;
+  $pad: 5px * $i;
+
+  .fl-spacer-#{$multiply} > * {
+    margin-bottom: $pad;
+  }
+}

src/main.scss

@@ -4,6 +4,7 @@
 @import "_variables";
 @import "_grid";
 @import "_gutters";
+@import "_grid-spacers";
 @import "_master-template";
 @import "_typography";