Prevent `.buttons` being part of a user selection.

It is possible to select the text of a button, especially with a double click, this is ugly IMO.

diff --git a/bulma/base/helpers.sass b/bulma/base/helpers.sass
index 1cc0b7043e86d5bdbdabc1ae209ea1f8f3d790e9..3ccf976c7255dcb5a07be57a9d03d81100ebee77 100644 (file)
--- a/bulma/base/helpers.sass
+++ b/bulma/base/helpers.sass
@@ -20,8 +20,4 @@
   margin: 0 !important
 
 .is-unselectable
-  -webkit-touch-callout: none
-  -webkit-user-select: none
-  -moz-user-select: none
-  -ms-user-select: none
-  user-select: none
+  +unselectable

diff --git a/bulma/elements/buttons.sass b/bulma/elements/buttons.sass
index 3dddbb15782622461c88ca6f569c9767bd5af858..a189add98220cf0a22979a1912363a93a2ab4587 100644 (file)
--- a/bulma/elements/buttons.sass
+++ b/bulma/elements/buttons.sass
@@ -15,6 +15,7 @@
 
 .button
   +control
+  +unselectable
   padding: 3px 10px
   text-align: center
   white-space: nowrap

diff --git a/bulma/utilities/mixins.sass b/bulma/utilities/mixins.sass
index 8782b07607017ec65d057590f9d2361fad79f47e..4af4899b72919e63115a10eb0a55d9bb1292cae2 100644 (file)
--- a/bulma/utilities/mixins.sass
+++ b/bulma/utilities/mixins.sass
@@ -55,6 +55,13 @@
   text-indent: -290486px
   width: $width
 
+=unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+
 $tablet: 769px
 $desktop: 980px