diff --git a/app/styles/application.scss b/app/styles/application.scss index 0f3a0215f..5811a0461 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -15,7 +15,6 @@ // COMPONENTS @import 'components/buttons'; -@import 'components/inputs'; @import 'components/dropdown-menu'; @import 'components/modal'; @import 'components/compose-form'; diff --git a/app/styles/components/buttons.scss b/app/styles/components/buttons.scss index 810b87f12..1f8b0c6f1 100644 --- a/app/styles/components/buttons.scss +++ b/app/styles/components/buttons.scss @@ -6,107 +6,3 @@ button { outline: none; } } - -.button { - align-items: center; - border-color: transparent; - border-radius: 999px; - border-width: 1px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-sizing: border-box; - cursor: pointer; - display: inline-flex; - font-size: 14px; - font-weight: 500; - justify-content: center; - line-height: 20px; - padding: 8px 16px; - transition: 0.2s; - - .svg-icon, - i.fa { - margin-right: 5px; - } - - &__link { - text-decoration: none; - } - - &--destructive { - background-color: var(--brand-color); - } - - &--small { - font-size: 13px; - height: auto; - line-height: normal; - padding: 6px 10px; - } - - &--large { - font-size: 16px; - padding: 10px 20px; - } - - &:disabled, - &.disabled, - &:disabled:hover, - &.disabled:hover { - opacity: 0.75; - user-select: none; - cursor: default; - } - - &::-moz-focus-inner { - border: 0; - } - - &::-moz-focus-inner, - &:focus, - &:active { - outline: 0 !important; - } - - &.button-alternative { - color: #fff; - background: var(--brand-color); - - &:active, - &:focus, - &:hover { - background-color: var(--brand-color); - } - } - - &.button-alternative-2 { - background: var(--accent-color); - - &:active, - &:focus, - &:hover { - background-color: var(--accent-color--bright); - } - } -} - -button, -a.button { - &.standard { - &-small { - @include font-size(11); - @include line-height(11); - @include font-weight(bold); - height: 20px; - padding: 5px 15px; - border: 0; - border-radius: 4px; - text-transform: uppercase; - color: #fff; - background: #607cf5; - } - } - - i.fa { - margin-right: 0.6em; - } -} diff --git a/app/styles/components/inputs.scss b/app/styles/components/inputs.scss deleted file mode 100644 index c1960e029..000000000 --- a/app/styles/components/inputs.scss +++ /dev/null @@ -1,17 +0,0 @@ -input[type='text'], -textarea { - &.standard { - @include font-size(16); - @include line-height(18); - @include input-placeholder(var(--primary-text-color--faint)); - box-sizing: border-box; - padding: 7px 10px; - border: 1px solid; - border-radius: 4px; - color: var(--brand-color); - border-color: var(--primary-text-color--faint); - background: var(--foreground-color); - &:focus { outline: none; } - } -} -textarea.standard { resize: vertical; } diff --git a/app/styles/ui.scss b/app/styles/ui.scss index f1e13f409..4e9758145 100644 --- a/app/styles/ui.scss +++ b/app/styles/ui.scss @@ -10,10 +10,6 @@ transition: 100ms ease-in; opacity: 0.4; - i.fa { - margin: 0; - } - &__text { padding-left: 2px; } @@ -68,7 +64,7 @@ z-index: 9999 !important; } -.ellipsis::after { content: "…"; } +.ellipsis::after { content: '…'; } .image-loader { position: relative;