diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-03-26 13:19:42 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-03-26 13:58:04 +0800 |
commit | cfa2592d78b31ea3c5d056bf1344cfd5d5353f16 (patch) | |
tree | 6af1ada572dfc6d7a9a9b0c69a7a3ecfc834b3d9 /ui/app/css/itcss/components/settings.scss | |
parent | dc78594c3aac80150dbe7eecd05e05eeffa6da02 (diff) | |
download | tangerine-wallet-browser-cfa2592d78b31ea3c5d056bf1344cfd5d5353f16.tar.gz tangerine-wallet-browser-cfa2592d78b31ea3c5d056bf1344cfd5d5353f16.tar.zst tangerine-wallet-browser-cfa2592d78b31ea3c5d056bf1344cfd5d5353f16.zip |
Update button styles
Diffstat (limited to 'ui/app/css/itcss/components/settings.scss')
-rw-r--r-- | ui/app/css/itcss/components/settings.scss | 38 |
1 files changed, 23 insertions, 15 deletions
diff --git a/ui/app/css/itcss/components/settings.scss b/ui/app/css/itcss/components/settings.scss index d60ebd934..dcc9b98d5 100644 --- a/ui/app/css/itcss/components/settings.scss +++ b/ui/app/css/itcss/components/settings.scss @@ -130,24 +130,32 @@ cursor: pointer; } -.settings__clear-button { - font-size: 16px; - border: 1px solid $curious-blue; - color: $curious-blue; - border-radius: 2px; - padding: 18px; - background-color: $white; - text-transform: uppercase; -} - -.settings__clear-button--red { - border: 1px solid $monzo; +.settings__button--red { + border-color: lighten($monzo, 10%); color: $monzo; + + &:active { + background: lighten($monzo, 55%); + border-color: $monzo; + } + + &:hover { + border-color: $monzo; + } } -.settings__clear-button--orange { - border: 1px solid rgba(247, 134, 28, 1); - color: rgba(247, 134, 28, 1); +.settings__button--orange { + border-color: lighten($ecstasy, 20%); + color: $ecstasy; + + &:active { + background: lighten($ecstasy, 40%); + border-color: $ecstasy; + } + + &:hover { + border-color: $ecstasy; + } } .settings__info-logo-wrapper { |