Add a helper for the `user-select` vendor prefix CSS

2017-10-19 15:54:05 -04:00 · 2017-10-19 15:54:05 -04:00 · 552b66a2ff
parent ae1743c61f
commit 552b66a2ff
1 changed files with 7 additions and 3 deletions
--- a/app/assets/stylesheets/common/foundation/mixins.scss
+++ b/app/assets/stylesheets/common/foundation/mixins.scss
@ -88,10 +88,14 @@

 // Unselectable (avoids unwanted selections with iPad, touch laptops, etc)

+@mixin user-select($mode) {
+  -webkit-user-select: $mode;
+     -moz-user-select: $mode;
+      -ms-user-select: $mode;
+}
+
@mixin unselectable {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
+  @include user-select(none);
 }