adds visibility classes

diff --git a/package.json b/package.json
index c6e8dffff2a6b86ad89f2edf2645e289cd02ecb2..6beb46c61c3ee2ef2be2d6d42b932d0ade9eb93b 100644 (file)
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "gulp-webserver": "^0.9.1",
     "handlebars": "^3.0.3",
     "highlight.js": "^8.7.0",
-    "inky": "^1.0.0-rc.1",
+    "inky": "^1.1.0",
     "lazypipe": "^1.0.1",
     "marked": "^0.3.5",
     "media-query-extractor": "^0.1.1",

diff --git a/scss/components/_visibility.scss b/scss/components/_visibility.scss
index 3372907a7cd371a77ea139d4d3f91a013a95dd56..99a38310911e8d46417ed07569c88907a2236693 100644 (file)
--- a/scss/components/_visibility.scss
+++ b/scss/components/_visibility.scss
@@ -6,6 +6,23 @@
 /// @group visibility
 ////
 
-.hide-for-desktop {
+.hide-for-large {
   display: none;
+  width:0;
+  mso-hide:all;
+  overflow:hidden;
+
+  @media (max-width: 600px) {
+    display: block;
+  }
+}
+
+.show-for-large {
+  @media (max-width: 600px) {
+    display: none;
+    width:0;
+    mso-hide:all;
+    overflow:hidden;
+  }
 }
+