From 5a9b45d27f0b3e950709ca921c7f962b388d1c5f Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 3 Mar 2017 17:33:42 +0800
Subject: Add Responsive Visibility and new examples

---
 src/layout.less | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'src')

diff --git a/src/layout.less b/src/layout.less
index 199bb73..7ebfea2 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -350,28 +350,50 @@
 }
 
 // Responsive breakpoint system
+.show-xs,
+.show-sm,
+.show-md,
+.show-lg,
+.show-xl {
+  display: none !important;
+}
 @media screen and (max-width: @size-xs) {
   .hide-xs {
     display: none !important;
   }
+  .show-xs {
+    display: block !important;
+  }
 }
 @media screen and (max-width: @size-sm) {
   .hide-sm {
     display: none !important;
   }
+  .show-sm {
+    display: block !important;
+  }
 }
 @media screen and (max-width: @size-md) {
   .hide-md {
     display: none !important;
   }
+  .show-md {
+    display: block !important;
+  }
 }
 @media screen and (max-width: @size-lg) {
   .hide-lg {
     display: none !important;
   }
+  .show-lg {
+    display: block !important;
+  }
 }
 @media screen and (max-width: @size-xl) {
   .hide-xl {
     display: none !important;
   }
+  .show-xl {
+    display: block !important;
+  }
 }
-- 
cgit v1.3.1-24-gd84d