From 871a0935a541f0fe9b1c0c26400372a99a23013b Mon Sep 17 00:00:00 2001
From: rhyneav <rhyneav@gmail.com>
Date: Thu, 24 May 2018 09:00:44 -0400
Subject: [PATCH] fix variable linting

---
 .stylelintrc.json        |  1 -
 src/layout/_flexbox.scss | 12 ++++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 893e2a6..300429a 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -9,7 +9,6 @@
     "value-no-vendor-prefix": null,
     "selector-no-qualifying-type": null,
     "selector-max-compound-selectors": null,
-    "scss/dollar-variable-pattern": null,
     "scss/selector-no-redundant-nesting-selector": null,
     "scss/at-extend-no-missing-placeholder": null
   }
diff --git a/src/layout/_flexbox.scss b/src/layout/_flexbox.scss
index cb75398..7eac942 100644
--- a/src/layout/_flexbox.scss
+++ b/src/layout/_flexbox.scss
@@ -1,14 +1,14 @@
-$numberOfColumns: 12;
+$number-columns: 12;
 
 @mixin create-flex-classes($colName, $breakpoint: 0) {
   @include resp($min: $breakpoint) {
-    @for $i from 1 through $numberOfColumns {
+    @for $i from 1 through $number-columns {
       .#{$colName}-#{$i} {
         -webkit-box-flex: 0;
-        -webkit-flex: 0 0 $i * 100% / $numberOfColumns;
-        -ms-flex: 0 0 $i * 100% / $numberOfColumns;
-        flex: 0 0 $i * 100% / $numberOfColumns;
-        max-width: $i * 100% / $numberOfColumns;
+        -webkit-flex: 0 0 $i * 100% / $number-columns;
+        -ms-flex: 0 0 $i * 100% / $number-columns;
+        flex: 0 0 $i * 100% / $number-columns;
+        max-width: $i * 100% / $number-columns;
       }
     }
   }