Re-organise properties to match correct property order standards. Fix Travis error...

diff --git a/scss/components/_card.scss b/scss/components/_card.scss
index a819b94ffecd8aeebcfb8deb885a484106008893..280f40a2dfcecdc6ee2eb995ea198e87e6f20692 100644 (file)
--- a/scss/components/_card.scss
+++ b/scss/components/_card.scss
@@ -51,21 +51,24 @@ $card-margin: $global-margin !default;
   $margin: $card-margin,
   $border: $card-border,
   $radius: $card-border-radius,
-  $shadow: $card-shadow,
+  $shadow: $card-shadow
 ) {
+  @if $global-flexbox {
+    display: flex;
+    flex-direction: column;
+  }
+
+  margin-bottom: $margin;
+
   border: $border;
   border-radius: $radius;
-  box-shadow: $shadow;
-  margin-bottom: $margin;
+
   background: $background;
+  box-shadow: $shadow;
+
   overflow: hidden;
   color: $card-font-color;
 
-  @if $global-flexbox {
-    display: flex;
-    flex-direction: column;
-  }
-
   & > :last-child {
     margin-bottom: 0;
   }
@@ -76,13 +79,13 @@ $card-margin: $global-margin !default;
   $background: $card-divider-background,
   $padding: $card-padding
 ) {
-  background: $background;
-  padding: $padding;
-
   @if $global-flexbox {
-    flex-grow: 1;
+    flex: 0 1 auto;
   }
 
+  padding: $padding;
+  background: $background;
+
   & > :last-child {
     margin-bottom: 0;
   }
@@ -92,12 +95,12 @@ $card-margin: $global-margin !default;
 @mixin card-section(
   $padding: $card-padding
 ) {
-  padding: $padding;
-
   @if $global-flexbox {
-    flex-grow: 1;
+    flex: 1 0 auto;
   }
 
+  padding: $padding;
+
   & > :last-child {
     margin-bottom: 0;
   }