Progress

app/javascript/styles/gabsocial/components.scss

@@ -3,101 +3,6 @@
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
-.button {
-  background-color: $ui-highlight-color;
-  border: 10px none;
-  border-radius: 4px;
-  box-sizing: border-box;
-  color: $primary-text-color;
-  cursor: pointer;
-  display: inline-block;
-  font-family: inherit;
-  padding: 0 16px;
-  position: relative;
-  text-decoration: none;
-
-  @include size(auto, 36px);
-  @include text-overflow(nowrap);
-  @include text-sizing(14px, 500, 36px, center, 0);
-
-  &:active,
-  &:focus,
-  &:hover {
-    background-color: lighten($ui-highlight-color, 10%);
-  }
-
-  &--destructive {
-    transition: none;
-
-    &:active,
-    &:focus,
-    &:hover {
-      background-color: $error-red;
-      transition: none;
-    }
-  }
-
-  &:disabled,
-  &.disabled {
-    background-color: $ui-primary-color;
-    cursor: default;
-  }
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
-  &::-moz-focus-inner,
-  &:focus,
-  &:active {
-    outline: 0 !important;
-  }
-
-  &.button-alternative {
-    color: $inverted-text-color;
-    background: $ui-primary-color;
-
-    &:active,
-    &:focus,
-    &:hover {
-      background-color: lighten($ui-primary-color, 4%);
-    }
-  }
-
-  &.button-alternative-2 {
-    background: $ui-base-lighter-color;
-
-    &:active,
-    &:focus,
-    &:hover {
-      background-color: lighten($ui-base-lighter-color, 4%);
-    }
-  }
-
-  &.button-secondary {
-    color: $darker-text-color;
-    background: transparent;
-    padding: 3px 15px;
-    border: 1px solid $ui-primary-color;
-
-    &:active,
-    &:focus,
-    &:hover {
-      border-color: lighten($ui-primary-color, 4%);
-      color: lighten($darker-text-color, 4%);
-    }
-
-    &:disabled {
-      opacity: 0.5;
-    }
-  }
-
-  &.button--block {
-    display: block;
-    width: 100%;
-  }
-}
-
 .invisible {
   font-size: 0 !important;
   line-height: 0 !important;