lib/assets/stylesheets/tao/ui/buttons.scss in tao_ui-0.1.3 vs lib/assets/stylesheets/tao/ui/buttons.scss in tao_ui-0.2.0

@@ -1,59 +1,8 @@
 @import 'tao/ui/globals';
+@import 'tao/ui/shared/buttons';
 
 .button {
-  display: inline-block;
-  padding: $button-padding;
-  font-size: $button-font-size;
-  line-height: $button-line-height;
-  border-radius: $border-radius-s;
-  cursor: pointer;
-  text-decoration: none;
-  text-align: center;
-  vertical-align: middle;
-  white-space: nowrap;
-  user-select: none;
-  transition: background 200ms, color 200ms, fill 200ms, border-color 200ms, box-shadow 200ms;
-  @include button-colors($default-button-colors);
-
-  .icon {
-    vertical-align: text-top;
-  }
-
-  &:focus, &.focus {
-    outline: none;
-  }
-
-  @if not $mobile {
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  &.disabled,
-  &[disabled] {
-    cursor: not-allowed;
-  }
-
-  &.button-warning {
-    @include button-colors($warning-button-colors);
-  }
-
-  &.button-primary {
-    @include button-colors($primary-button-colors);
-  }
-
-  &.button-primary-warning {
-    @include button-colors($primary-warning-button-colors);
-  }
-
-  &.button-small {
-    padding: $small-button-padding;
-    font-size: $small-button-font-size;
-    line-height: $small-button-line-height;
-  }
-
-  &.button-block {
-    display: block;
-    width: 100%;
+  &:hover {
+    text-decoration: none;
   }
 }