Updated grider.scss

Author: UnderlineWords

README.md

@@ -5,6 +5,8 @@
 ![GitHub release (latest by date)](https://img.shields.io/github/v/release/codeforms/Grider)
 [![stable](http://badges.github.io/stability-badges/dist/stable.svg)](https://github.com/codeforms/Grider/releases)
 
+***Take a look at*** [https://codepen.io/underlinewords/pen/pogooob](https://codepen.io/underlinewords/pen/pogooob)
+
 ### Features
 * Clean code, Simple enough and Fully customizable (grid number, class names, breakpoints etc.)
 * CSS Grid based, no longer Flexbox (since v1.3.0)
@@ -13,11 +15,8 @@
 * Equal height columns
 
 ### TODO
-- [ ] Fix offset columns
-- [x] Fix responsive columns
-- [x] Remove spaces between columns
+- [x] Column Offsets
+- [x] Responsive Columns
 - [x] Equal height columns
 - [x] Viewport breakpoints
 - [x] Customizable
-
-[Take a Look](https://codepen.io/underlinewords/pen/pogooob)

grider.scss

@@ -59,21 +59,20 @@ $viewports: (
 		min-height: $column-min-height;	
 	}
 	&.#{$equal} > [class^="#{$column-name}"] { 
-		height: auto;
-		grid-auto-rows: 1fr;	
+		height: auto;	
 	}
 }
 @each $label, $breakpoint, $width in $viewports {
 	@include breakpoints($breakpoint) {
 	    @for $i from 1 through $grid {
-			.#{$column-name}-#{$i} {
-				grid-column: span #{$i};
-			}
+			.#{$column-name}-#{$i},
 			.#{$column-name}-#{$label}-#{$i} {
-				grid-column-start: span #{$i};
+				grid-column: span #{$i};
 			}
-			.#{$column-name}-#{$label}-#{$i}.#{$offset}-#{$label}-#{$i} {
-				grid-column: #{$i} / span #{$i};
+			@for $y from 1 through $grid {
+				.#{$column-name}-#{$label}-#{$i}.#{$offset}-#{$label}-#{$y} {
+					grid-column: #{$y} / span #{$i};
+				}
 			}
 		}
   	}