fix(scss): let custom prefix from scss variable override Gridish config prefix

Author: seejamescode

examples/bootstrap/css-gridish/bootstrap-grid.sketch

@@ -1,7 +1,7 @@
 @import "values";
 
 $prefix: gridish !default;
-@if map-get($grid-values, "prefix") {
+@if map-get($grid-values, "prefix") and $prefix == "gridish" {
   $prefix: map-get($grid-values, "prefix");
 }
 $extraBreakpoints: () !default;
@@ -12,5 +12,15 @@ $includeFlexFallback: false !default;
 $rowHeight: map-get($grid-values, "rowHeight");
 $rows: map-get($grid-values, "rows");
 $extraArtboards: map-get($grid-values, "extraArtboards");
-$allBreakpoints: all-breakpoints($breakpoints, $extraBreakpoints, $first, $last);
-$breakpointsAndArtboards: all-breakpoints($breakpoints, $extraArtboards, $first, $last);
+$allBreakpoints: all-breakpoints(
+  $breakpoints,
+  $extraBreakpoints,
+  $first,
+  $last
+);
+$breakpointsAndArtboards: all-breakpoints(
+  $breakpoints,
+  $extraArtboards,
+  $first,
+  $last
+);

examples/bootstrap/css-gridish/scss/_variables.scss

@@ -1,7 +1,7 @@
 @import "values";
 
 $prefix: gridish !default;
-@if map-get($grid-values, "prefix") {
+@if map-get($grid-values, "prefix") and $prefix == "gridish" {
   $prefix: map-get($grid-values, "prefix");
 }
 $extraBreakpoints: () !default;
@@ -12,5 +12,15 @@ $includeFlexFallback: false !default;
 $rowHeight: map-get($grid-values, "rowHeight");
 $rows: map-get($grid-values, "rows");
 $extraArtboards: map-get($grid-values, "extraArtboards");
-$allBreakpoints: all-breakpoints($breakpoints, $extraBreakpoints, $first, $last);
-$breakpointsAndArtboards: all-breakpoints($breakpoints, $extraArtboards, $first, $last);
+$allBreakpoints: all-breakpoints(
+  $breakpoints,
+  $extraBreakpoints,
+  $first,
+  $last
+);
+$breakpointsAndArtboards: all-breakpoints(
+  $breakpoints,
+  $extraArtboards,
+  $first,
+  $last
+);

examples/carbon/css-gridish/bx-grid.sketch

@@ -1,7 +1,7 @@
 @import "values";
 
 $prefix: gridish !default;
-@if map-get($grid-values, "prefix") {
+@if map-get($grid-values, "prefix") and $prefix == "gridish" {
   $prefix: map-get($grid-values, "prefix");
 }
 $extraBreakpoints: () !default;
@@ -12,5 +12,15 @@ $includeFlexFallback: false !default;
 $rowHeight: map-get($grid-values, "rowHeight");
 $rows: map-get($grid-values, "rows");
 $extraArtboards: map-get($grid-values, "extraArtboards");
-$allBreakpoints: all-breakpoints($breakpoints, $extraBreakpoints, $first, $last);
-$breakpointsAndArtboards: all-breakpoints($breakpoints, $extraArtboards, $first, $last);
+$allBreakpoints: all-breakpoints(
+  $breakpoints,
+  $extraBreakpoints,
+  $first,
+  $last
+);
+$breakpointsAndArtboards: all-breakpoints(
+  $breakpoints,
+  $extraArtboards,
+  $first,
+  $last
+);

examples/carbon/css-gridish/scss/_variables.scss

@@ -1,6 +1,6 @@
 {
   "name": "css-gridish",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description":
     "Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.",
   "engines": {

examples/material/css-gridish/material-grid.sketch

@@ -1,7 +1,7 @@
 @import "values";
 
 $prefix: gridish !default;
-@if map-get($grid-values, "prefix") {
+@if map-get($grid-values, "prefix") and $prefix == "gridish" {
   $prefix: map-get($grid-values, "prefix");
 }
 $extraBreakpoints: () !default;
@@ -12,5 +12,15 @@ $includeFlexFallback: false !default;
 $rowHeight: map-get($grid-values, "rowHeight");
 $rows: map-get($grid-values, "rows");
 $extraArtboards: map-get($grid-values, "extraArtboards");
-$allBreakpoints: all-breakpoints($breakpoints, $extraBreakpoints, $first, $last);
-$breakpointsAndArtboards: all-breakpoints($breakpoints, $extraArtboards, $first, $last);
+$allBreakpoints: all-breakpoints(
+  $breakpoints,
+  $extraBreakpoints,
+  $first,
+  $last
+);
+$breakpointsAndArtboards: all-breakpoints(
+  $breakpoints,
+  $extraArtboards,
+  $first,
+  $last
+);