From d010b31c3fc8114e6b428ec1ef14fd0cdc85c5e1 Mon Sep 17 00:00:00 2001
From: Oleksii Potiekhin <oleksiipotiekhin@gmail.com>
Date: Wed, 11 Oct 2017 19:03:05 +0200
Subject: [PATCH] visibility: hidden !important (#1289)

* visibility: hidden !important

* CHANGELOG.md

* docs

* docs fix
---
 CHANGELOG.md                              |  6 ++++
 docs/documentation/modifiers/helpers.html |  6 +++-
 sass/base/helpers.sass                    | 39 +++++++++++++++++++++++
 3 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5215a0f6..36ca5a15 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 0.6.1
+
+### New features
+
+* #1287 New `.is-invisible` helper
+
 ## 0.6.0
 
 ### Breaking changes
diff --git a/docs/documentation/modifiers/helpers.html b/docs/documentation/modifiers/helpers.html
index a725e711..6dec830a 100644
--- a/docs/documentation/modifiers/helpers.html
+++ b/docs/documentation/modifiers/helpers.html
@@ -37,7 +37,7 @@ doc-subtab: helpers
           <td>Removes any <strong>padding</strong></td>
         </tr>
         <tr>
-          <th rowspan="5">Other</th>
+          <th rowspan="6">Other</th>
           <td><code>is-overlay</code></td>
           <td>Completely covers the first positioned parent</td>
         </tr>
@@ -56,6 +56,10 @@ doc-subtab: helpers
           <td><code>is-unselectable</code></td>
           <td>Prevents the text from being <strong>selectable</strong></td>
         </tr>
+        <tr>
+          <td><code>is-invisible</code></td>
+          <td>Adds visibility <strong>hidden</strong></td>
+        </tr>
       </tbody>
     </table>
   </div>
diff --git a/sass/base/helpers.sass b/sass/base/helpers.sass
index dcfe1e9c..ea586842 100644
--- a/sass/base/helpers.sass
+++ b/sass/base/helpers.sass
@@ -185,6 +185,45 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
   .is-hidden-fullhd
     display: none !important
 
+.is-invisible
+  visibility: hidden !important
+
++mobile
+  .is-invisible-mobile
+    visibility: hidden !important
+
++tablet
+  .is-invisible-tablet
+    visibility: hidden !important
+
++tablet-only
+  .is-invisible-tablet-only
+    visibility: hidden !important
+
++touch
+  .is-invisible-touch
+    visibility: hidden !important
+
++desktop
+  .is-invisible-desktop
+    visibility: hidden !important
+
++desktop-only
+  .is-invisible-desktop-only
+    visibility: hidden !important
+
++widescreen
+  .is-invisible-widescreen
+    visibility: hidden !important
+
++widescreen-only
+  .is-invisible-widescreen-only
+    visibility: hidden !important
+
++fullhd
+  .is-invisible-fullhd
+    visibility: hidden !important
+
 // Other
 
 .is-marginless