From 4ce6599b3ee5437d40ba8d650e1d66825b008e70 Mon Sep 17 00:00:00 2001
From: Pedro Reis <pdcreis@gmail.com>
Date: Wed, 25 Jun 2014 09:41:33 +0100
Subject: [PATCH] Create _grid.scss
---
scss/base/_grid.scss | 37 +++++++++++++++++++++++++++++++++++++
1 file changed, 37 insertions(+)
create mode 100644 scss/base/_grid.scss
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);
+ }
+ }
+ }
+}