visibility: hidden !important (#1289)

* visibility: hidden !important

* CHANGELOG.md

* docs

* docs fix

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5215a0f63980f4b92dda5737465381bb575d18ec..36ca5a15fb67ccea49f993911d7d31663762b775 100644 (file)
--- 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 a725e711829bf6bdb6658e32c1b2531873ad71e1..6dec830aa50d263b25e200ff51a09b4c862da2b4 100644 (file)
--- 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 dcfe1e9cf97d3421044dcf984084c16c474f8c63..ea5868420934f23b899d7ca13dbd42ca712b7755 100644 (file)
--- 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