Merge pull request #29 from felics/fix-margins

Fix negative margins causing horizontal-scrollbars

Author: felics

__test__/src/jade/_tests/widths.jade

@@ -33,7 +33,6 @@ block content
         article.widths-item.three-four
           div.block
 
-
       // 5
       section.widths-container
         article.widths-item.one-five
@@ -72,4 +71,3 @@ block content
           div.block
         article.widths-item.one-ten
           div.block
-

__test__/src/scss/test.scss

@@ -10,7 +10,6 @@ $color-border: #3D051A;
 @import "tests/modifiers";
 
 body {
-    margin: 2em;
     background: $color-primary;
 }
 

__test__/src/scss/tests/_widths.scss

@@ -58,7 +58,7 @@
     display: none;
     @include i(1, lg 5/6);
     @include bp(lg) {
-        display: block;
+        display: inline-block;
     }
 }
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "hagrid",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "authors": [
     "felics <hi@felics.me>"
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hagrid",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",

src/hagrid/_modifiers.scss

@@ -36,16 +36,14 @@
 
     @if $is-not-spacing == true {
         margin: {
-            left: -$gutter / 2;
-            right: -$gutter / 2;
+            left: -$gutter;
         };
     }
 
     #{$hagrid-child-selector} {
         @if $is-not-spacing == true {
             padding: {
-                left: $gutter / 2;
-                right: $gutter / 2;
+                left: $gutter;
             };
         }
         @if $is-y == false and $hagrid-fallback {
@@ -159,14 +157,12 @@
             $gutter: hagrid-gutter-get($modifier);
 
             margin: {
-                left: -$gutter / 2;
-                right: -$gutter / 2;
+                left: -$gutter;
             };
 
             #{$hagrid-child-selector} {
                 padding: {
-                    left: $gutter / 2;
-                    right: $gutter / 2;
+                    left: $gutter;
                 };
             }