Add Button cursor property and bind it into a variable

so that user can change it!

diff --git a/scss/_global.scss b/scss/_global.scss
index e161a8749e69828d8bc3f8a8fdd609fef7e90f66..18152fedd51cf8be8a71db1f1735286750394f7c 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -109,6 +109,10 @@ $global-flexbox: true !default;
 /// @type Boolean
 $global-prototype-breakpoints: false !default;
 
+/// Button cursor's value, `auto` by default
+/// @type Keyword
+$global-button-cursor: auto !default;
+
 @if not map-has-key($foundation-palette, primary) {
   @error 'In $foundation-palette, you must have a color named "primary".';
 }
@@ -205,15 +209,13 @@ $alert-color: get-color(alert);
   // Reset <button> styles created by most browsers
   button {
     @include disable-mouse-outline;
-
     padding: 0;
-
     appearance: none;
     border: 0;
     border-radius: $global-radius;
     background: transparent;
-
     line-height: 1;
+    cursor: $global-button-cursor;
   }
 
   // Prevent text overflow on pre