From 0a2cdc3d1963225b9675f547ecd4c774c0926aa4 Mon Sep 17 00:00:00 2001
From: Catalin Zalog <c@zalog.ro>
Date: Sun, 28 Mar 2021 09:49:15 +0300
Subject: [PATCH] feat: adds remove odd cols var trigger

---
 README.md                |  2 ++
 src/scss/_layout.scss    | 27 +++++++++++----------------
 src/scss/_variables.scss |  2 ++
 3 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 6d3d71d..87b9a24 100644
--- a/README.md
+++ b/README.md
@@ -35,6 +35,8 @@ $ph-color:                #ced4da !default;
 $ph-border:               1px solid darken($ph-bg, 10%) !default;
 $ph-border-radius:        2px !default;
 
+$ph-cols:                 12 !default;
+$ph-cols-remove-odd:      true !default;
 $ph-gutter:               30px !default;
 $ph-spacer:               15px !default;
 
diff --git a/src/scss/_layout.scss b/src/scss/_layout.scss
index 9677fb9..e0389eb 100644
--- a/src/scss/_layout.scss
+++ b/src/scss/_layout.scss
@@ -59,23 +59,18 @@
   }
 }
 
-.ph-col-2 {
-  flex: 0 0 percentage(2 / 12);
-}
-.ph-col-4 {
-  flex: 0 0 percentage(4 / 12);
-}
-.ph-col-6 {
-  flex: 0 0 percentage(6 / 12);
-}
-.ph-col-8 {
-  flex: 0 0 percentage(8 / 12);
-}
-.ph-col-10 {
-  flex: 0 0 percentage(10 / 12);
+@mixin ph-make-col($size, $columns) {
+  .ph-col-#{$size} {
+    flex: 0 0 percentage($size / $columns);
+  }
 }
-.ph-col-12 {
-  flex: 0 0 percentage(12 / 12);
+
+@for $i from 1 through $ph-cols {
+  @if $ph-cols-remove-odd and $i % 2 == 0 {
+    @include ph-make-col($i, $ph-cols);
+  } @else if not $ph-cols-remove-odd {
+    @include ph-make-col($i, $ph-cols);
+  }
 }
 
 // TODO make this a `.ph-wrap` class for no padding, no background, no animation,
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6b3308e..4922b4a 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -4,6 +4,8 @@ $ph-color:                #ced4da !default;
 $ph-border:               1px solid darken($ph-bg, 10%) !default;
 $ph-border-radius:        2px !default;
 
+$ph-cols:                 12 !default;
+$ph-cols-remove-odd:      true !default;
 $ph-gutter:               30px !default;
 $ph-spacer:               15px !default;