Merge pull request #2320 from adumesny/master

simplified gridstack-extra.scss

Author: adumesny

README.md

@@ -255,8 +255,8 @@ you can also use the SCSS [src/gridstack-extra.scss](https://github.com/gridstac
 Sample gulp command for 30 columns:
 ```js
 gulp.src('node_modules/gridstack/dist/src/gridstack-extra.scss')
-        .pipe(replace('$gridstack-columns-start: 2 !default;','$gridstack-columns-start: 30;'))
-        .pipe(replace('$gridstack-columns: 11 !default;','$gridstack-columns: 30;'))
+        .pipe(replace('$start: 2 !default;','$start: 30;'))
+        .pipe(replace('$end: 11 !default;','$end: 30;'))
         .pipe(sass({outputStyle: 'compressed'}))
         .pipe(rename({extname: '.min.css'}))
         .pipe(gulp.dest('dist/css'))

src/gridstack-extra.scss

@@ -2,8 +2,8 @@
  * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
-$gridstack-columns-start: 2 !default;
-$gridstack-columns: 11 !default;
+$start: 2 !default;
+$end: 11 !default;
 
 @function fixed($float) {
   @return calc(round($float * 1000) / 1000); // total 4-5 digits being %
@@ -20,6 +20,6 @@ $gridstack-columns: 11 !default;
   }
 }
 
-@for $j from $gridstack-columns-start through $gridstack-columns {
+@for $j from $start through $end {
   @include grid-stack-items($j)
 }