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

---
 docs/css/spectre.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'docs/css/spectre.css')

diff --git a/docs/css/spectre.css b/docs/css/spectre.css
index 678a341..c44809c 100644
--- a/docs/css/spectre.css
+++ b/docs/css/spectre.css
@@ -1569,30 +1569,52 @@ code {
     width: 8.33333333%;
   }
 }
+.show-xs,
+.show-sm,
+.show-md,
+.show-lg,
+.show-xl {
+  display: none !important;
+}
 @media screen and (max-width: 480px) {
   .hide-xs {
     display: none !important;
   }
+  .show-xs {
+    display: block !important;
+  }
 }
 @media screen and (max-width: 600px) {
   .hide-sm {
     display: none !important;
   }
+  .show-sm {
+    display: block !important;
+  }
 }
 @media screen and (max-width: 840px) {
   .hide-md {
     display: none !important;
   }
+  .show-md {
+    display: block !important;
+  }
 }
 @media screen and (max-width: 960px) {
   .hide-lg {
     display: none !important;
   }
+  .show-lg {
+    display: block !important;
+  }
 }
 @media screen and (max-width: 1280px) {
   .hide-xl {
     display: none !important;
   }
+  .show-xl {
+    display: block !important;
+  }
 }
 .navbar {
   -webkit-align-items: center;
-- 
cgit v1.3.1-23-gd82d