more sass warning fixes

diff --git a/docs/assets/scss/_docs-footer.scss b/docs/assets/scss/_docs-footer.scss
index 1a6b83bcf065b54b2b8e0b6c345f5511d6277143..91b90783feaa05778dbb440361934dd0ee8bb4e4 100755 (executable)
--- a/docs/assets/scss/_docs-footer.scss
+++ b/docs/assets/scss/_docs-footer.scss
@@ -15,8 +15,8 @@
 
 .footer-nav-left,
 .footer-nav-right {
-  @include flex-grid-column(shrink);
   color: $white;
+  @include flex-grid-column(shrink);
 
   a {
     color: $white;

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index bda00e9c06ae1a5ac27e2907bafef4938656ffb9..b9193bfa005996786765959fcee868bf3b94d68b 100644 (file)
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -78,17 +78,18 @@
   $columns: expand,
   $gutters: $grid-column-gutter
 ) {
+  // fixes recent Chrome version not limiting child width
+  // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome
+  @if $columns == expand {
+    min-width: 0;
+  }
+
   // Base properties
   @include flex-grid-size($columns);
 
   // Gutters
   @include grid-column-gutter($gutters: $gutters);
 
-  // fixes recent Chrome version not limiting child width
-  // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome
-  @if $columns == expand {
-    min-width: 0;
-  }
 }
 
 /// Creates a block grid for a flex grid row.