Added !important keyword to float: none; rule of centered columns in grid system

Currently selectors:
[class*="column"] + [class*="column"]:last-child { float: $opposite-direction; }
[class*="column"] + [class*="column"].end { float: $default-float; }
are more specific (specifity= 3) than rules for centered columns (specifity=2), and if centered
column is the last one in a row it will use f.e. float: right; rule instead of
float: none; from centered classes

diff --git a/scss/foundation/components/_grid.scss b/scss/foundation/components/_grid.scss
index 769c3ff9548b2e0d300f55e92bd68c814a1ca5a2..aae0b4c3e467b7e564688db2a93c7be0116a98c7 100644 (file)
--- a/scss/foundation/components/_grid.scss
+++ b/scss/foundation/components/_grid.scss
@@ -140,7 +140,7 @@ $total-columns: 12 !default;
   @if $center {
     margin-#{$default-float}: auto;
     margin-#{$opposite-direction}: auto;
-    float: none;
+    float: none !important;
   }
 
   // If offset, calculate appropriate margins