diff options
author | Dan <danjm.com@gmail.com> | 2018-06-03 17:16:45 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-06-03 17:16:45 +0800 |
commit | 8f0a3b83111a9ccf5d515cebbd33cabe9ab16ba7 (patch) | |
tree | 5ab993280fa87add44aad288f155a0ce3b7a0da7 /ui/app/css/itcss/components/buttons.scss | |
parent | 0f3480a97f2924de899e49a095ef24b9fa5506f1 (diff) | |
parent | 72dde75e58b2aaec22e41b2fe742bee7e9c35777 (diff) | |
download | tangerine-wallet-browser-8f0a3b83111a9ccf5d515cebbd33cabe9ab16ba7.tar.gz tangerine-wallet-browser-8f0a3b83111a9ccf5d515cebbd33cabe9ab16ba7.tar.zst tangerine-wallet-browser-8f0a3b83111a9ccf5d515cebbd33cabe9ab16ba7.zip |
Merge branch 'develop' into handle-import-account-failure-in-ui
Diffstat (limited to 'ui/app/css/itcss/components/buttons.scss')
-rw-r--r-- | ui/app/css/itcss/components/buttons.scss | 49 |
1 files changed, 25 insertions, 24 deletions
diff --git a/ui/app/css/itcss/components/buttons.scss b/ui/app/css/itcss/components/buttons.scss index 4cbed6093..f93daec04 100644 --- a/ui/app/css/itcss/components/buttons.scss +++ b/ui/app/css/itcss/components/buttons.scss @@ -2,10 +2,10 @@ Buttons */ +.btn-default, .btn-primary, -.btn-primary--lg, -.btn-secondary, -.btn-secondary--lg { +.btn-secondary { + height: 44px; background: $white; display: flex; justify-content: center; @@ -20,10 +20,16 @@ width: 100%; text-transform: uppercase; outline: none; + + &--disabled, + &[disabled] { + cursor: auto; + opacity: .5; + pointer-events: none; + } } -.btn-primary, -.btn-primary--lg { +.btn-primary { color: $curious-blue; border: 2px solid $spindle; @@ -35,17 +41,23 @@ &:hover { border-color: $curious-blue; } +} - &--disabled, - &[disabled] { - cursor: auto; - opacity: .5; - pointer-events: none; +.btn-secondary { + color: $monzo; + border: 2px solid lighten($monzo, 40%); + + &:active { + background: lighten($monzo, 55%); + border-color: $monzo; + } + + &:hover { + border-color: $monzo; } } -.btn-secondary, -.btn-secondary--lg { +.btn-default { color: $scorpion; border: 2px solid $dusty-gray; @@ -57,20 +69,9 @@ &:hover { border-color: $scorpion; } - - &--disabled, - &[disabled] { - cursor: auto; - opacity: .5; - pointer-events: none; - } -} - -.btn-primary, .btn-secondary { - height: 44px; } -.btn-primary--lg, .btn-secondary--lg { +.btn--large { height: 54px; } |