Structuring

2017-02-17 10:24:32 +01:00
parent e6363e179d
commit 2be8d05722
14 changed files with 95 additions and 0 deletions
@@ -0,0 +1,32 @@
+@mixin cols($columns, $gutter) {
+  /* Wrapper inside Element needed
+     because of gutter >* */
+
+  /* Positioning */
+  position: relative;
+  display: inline-block;
+  /* Sizing */
+  box-sizing: border-box;
+  //width: (100%/$columns) - (0.3 + ($columns * 0.3));
+  width: (100%/$columns);
+  margin: 0 -4px 0 0 !important;
+  padding: 0 !important;
+  border: none !important;
+
+  letter-spacing: 0;
+  /* Gutter */
+  padding-right: $gutter !important;
+  padding-bottom: $gutter !important;
+  &:before {
+  }
+  &:after {
+  }
+  &:nth-of-type(#{$columns}) {
+    border-right: none;
+  }
+
+  > * {
+    width: 100%;
+    box-sizing: border-box;
+  }
+}