From 4f1fa6f668ee17b69768b5eac6f5c17ce154cd84 Mon Sep 17 00:00:00 2001
From: Richard Wong <ricwtk@gmail.com>
Date: Thu, 29 Mar 2018 10:39:27 +0800
Subject: [PATCH] changing "display: block!important" to "display:
 flex!important" for .show-* to fix tab display

---
 src/_layout.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/_layout.scss b/src/_layout.scss
index 83e2c18b0..5512d890c 100644
--- a/src/_layout.scss
+++ b/src/_layout.scss
@@ -187,7 +187,7 @@
     display: none !important;
   }
   .show-xl {
-    display: block !important;
+    display: flex !important;
   }
 }
 @media (max-width: $size-lg) {
@@ -245,7 +245,7 @@
     display: none !important;
   }
   .show-lg {
-    display: block !important;
+    display: flex !important;
   }
 }
 @media (max-width: $size-md) {
@@ -303,7 +303,7 @@
     display: none !important;
   }
   .show-md {
-    display: block !important;
+    display: flex !important;
   }
 }
 @media (max-width: $size-sm) {
@@ -361,7 +361,7 @@
     display: none !important;
   }
   .show-sm {
-    display: block !important;
+    display: flex !important;
   }
 }
 @media (max-width: $size-xs) {
@@ -419,6 +419,6 @@
     display: none !important;
   }
   .show-xs {
-    display: block !important;
+    display: flex !important;
   }
 }