Added pointer-events:none for disabled

Author: oleersoy

package.json

@@ -4,7 +4,8 @@
   "description": "CSS Button Component.",
   "main": "src/main/css/index.css",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "gulp clean && gulp build:css && gulp test:css",
+    "clean": "gulp clean"
   },
   "repository": {
     "type": "git",
@@ -24,10 +25,15 @@
   "homepage": "https://github.com/superfly-css/superfly-css-component-button#readme",
   "devDependencies": {
     "gulp": "^3.9.1",
-    "superfly-css-task-build": "^0.1.8",
     "superfly-css-component-site": "0.0.2",
-    "superfly-css-utilities-colors": "^0.1.0",
-    "superfly-css-utilities-fonts": "0.0.6",
-    "superfly-css-utilities-layout": "0.0.1"
+    "superfly-css-foundation": "0.0.8",
+    "superfly-css-task-build": "^0.1.9",
+    "superfly-css-task-clean": "0.0.1",
+    "superfly-css-task-test": "^0.3.0",
+    "superfly-css-utilities-colors": "^0.1.3",
+    "superfly-css-utilities-effects": "0.0.3",
+    "superfly-css-utilities-fonts": "0.0.11",
+    "superfly-css-utilities-icons": "0.0.2",
+    "superfly-css-utilities-layout": "0.0.10"
   }
 }

src/main/css/index.css

@@ -25,6 +25,9 @@
  */
 
 .Button {
+  display: inline-flex;
+  justify-content: space-around;
+  align-items: baseline;
   background: transparent;
   border-color: var(--Button-border-color);
   border-style: solid;
@@ -39,12 +42,12 @@
   text-align: center;
   text-decoration: none;
   user-select: none; /* 4 */
+  cursor: pointer;
 }
 
 /**
  * Remove excess padding and border in Firefox 4+
  */
-
 .Button::-moz-focus-inner {
   border: 0;
   padding: 0;
@@ -73,5 +76,6 @@
 .Button:disabled,
 .Button.onDisabled {
   cursor: default;
+  pointer-events: none;
   opacity: var(--Button_onDisabled-opacity);
 }