Merge branch 'release-0.3.2'

Author: thingsym

.github/workflows/lint.yml

@@ -13,6 +13,8 @@ on:
 jobs:
   lint:
     runs-on: ubuntu-18.04
+    timeout-minutes: 10
+
     steps:
       - uses: actions/checkout@v2
 

.github/workflows/npm-publish.yml

@@ -9,6 +9,7 @@ jobs:
   publish:
     name: Publish to npm registry
     runs-on: ubuntu-18.04
+    timeout-minutes: 10
 
     steps:
       - uses: actions/checkout@v2

README.md

@@ -226,13 +226,11 @@ See Flexbox Grid Mixins documentation: [http://thingsym.github.io/flexbox-grid-m
 ## Development
 
 1. run ```$ sudo yum install nodejs npm```
-2. run ```$ sudo npm install --global gulp-cli```
-3. run ```$ sudo npm install --global npm-check-updates``` (optional)
-4. Forking on GitHub
-5. run ```$ cd /path/to/flexbox-grid-mixins```
-6. run ```$ npm install```
-7. run ```$ gulp serve```
-8. Access URL http://localhost:3000
+2. Forking on GitHub
+3. run ```$ cd /path/to/flexbox-grid-mixins```
+4. run ```$ npm install```
+5. run ```$ npm run serve```
+6. Access URL http://localhost:3000
 
 ## Contribution
 
@@ -248,6 +246,11 @@ Small patches and bug reports can be submitted a issue tracker in Github. Forkin
 
 ## Changelog
 
+* Version 0.3.2
+  * fix gulp-sass compiler
+  * update package.json
+  * fix Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
+  * add timeout-minutes to workflows
 * Version 0.3.1
   * update example
   * fix items row/column alignment example

dart-sass/_flexbox-grid-mixins.scss

@@ -1,6 +1,6 @@
 // ===================================================================
 // Flexbox Grid Mixins (Dart Sass)
-// Version 0.3.1
+// Version 0.3.2
 // Description: Sass Mixins to generate Flexbox grid
 // Author: thingsym
 // GitHub: https://github.com/thingsym/flexbox-grid-mixins
@@ -72,21 +72,21 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
 			@if $gutter and math.unit($gutter) == '%' {
 				$flex-basis: $flex-basis - $gutter;
 			} @else if $gutter and math.is-unitless($gutter) == false {
-				$flex-basis: calc( #{$flex-basis} - #{$gutter});
+				$flex-basis: calc( #{$flex-basis} - #{$gutter} );
 			}
 
 		} @else if $flexbox-grid-mixins-grid-type == margin-offset {
 			@if $gutter and math.unit($gutter) == '%' {
 				$flex-basis: math.div(100% - ($gutter * (math.div($grid-columns, $col) - 1)), math.div($grid-columns, $col));
 			} @else if $gutter and math.is-unitless($gutter) == false {
-				$flex-basis: calc( #{$flex-basis} - #{$gutter * math.div(math.div($grid-columns, $col) - 1, math.div($grid-columns, $col))});
+				$flex-basis: calc( #{$flex-basis} - #{$gutter * math.div(math.div($grid-columns, $col) - 1, math.div($grid-columns, $col))} );
 			}
 		}
 
 		@if $col-offset and math.unit($col-offset) == '%' {
 			$flex-basis: $flex-basis + $col-offset;
 		} @else if $col-offset and math.is-unitless($col-offset) == false {
-			$flex-basis: calc( #{$flex-basis} + #{$col-offset});
+			$flex-basis: calc( #{$flex-basis} + #{$col-offset} );
 		}
 	} @else if meta.type-of($col) == number and math.is-unitless($col) == false {
 		$flex-grow: 0;

docs/css-dart-sass/box-sizing-null.css

@@ -1,11 +1,15 @@
 .grid--null {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-left: -1%;
   margin-right: -1%;
 }
 .grid--null > .grid__col-1 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 6.3333333333%;
   flex: 0 0 6.3333333333%;
@@ -14,6 +18,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-2 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 14.6666666667%;
   flex: 0 0 14.6666666667%;
@@ -22,6 +28,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-3 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 23%;
   flex: 0 0 23%;
@@ -30,6 +38,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-4 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 31.3333333333%;
   flex: 0 0 31.3333333333%;
@@ -38,6 +48,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-5 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 39.6666666667%;
   flex: 0 0 39.6666666667%;
@@ -46,6 +58,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-6 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48%;
   flex: 0 0 48%;
@@ -54,6 +68,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-7 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 56.3333333333%;
   flex: 0 0 56.3333333333%;
@@ -62,6 +78,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-8 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 64.6666666667%;
   flex: 0 0 64.6666666667%;
@@ -70,6 +88,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-9 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 73%;
   flex: 0 0 73%;
@@ -78,6 +98,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-10 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 81.3333333333%;
   flex: 0 0 81.3333333333%;
@@ -86,6 +108,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-11 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 89.6666666667%;
   flex: 0 0 89.6666666667%;
@@ -94,6 +118,8 @@
   margin-bottom: 2%;
 }
 .grid--null > .grid__col-12 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 98%;
   flex: 0 0 98%;

docs/css-dart-sass/default.css

@@ -148,7 +148,6 @@ td.example {
 }
 
 .grid,
-.grid-global,
 .grid-3-columns,
 .grid-24-columns,
 [class*=grid--] {