diff options
| author | Alexander Tseung <alextsg@gmail.com> | 2018-01-12 08:30:07 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@gmail.com> | 2018-01-12 08:30:07 +0800 |
| commit | 376e1365727a97344d70d627ae27e8e70830a17a (patch) | |
| tree | 0ffc2bd7d2cee267c2c24965dfe04b0cf2838c43 /ui/app/css/itcss/components/buttons.scss | |
| parent | 208e94d3bfdaf5ab6f279fb2000f1a3d14920b1b (diff) | |
| download | tangerine-wallet-browser-376e1365727a97344d70d627ae27e8e70830a17a.tar.gz tangerine-wallet-browser-376e1365727a97344d70d627ae27e8e70830a17a.tar.zst tangerine-wallet-browser-376e1365727a97344d70d627ae27e8e70830a17a.zip | |
Update styling for buttons, font weights
Diffstat (limited to 'ui/app/css/itcss/components/buttons.scss')
| -rw-r--r-- | ui/app/css/itcss/components/buttons.scss | 38 |
1 files changed, 36 insertions, 2 deletions
diff --git a/ui/app/css/itcss/components/buttons.scss b/ui/app/css/itcss/components/buttons.scss index 8ba084b4a..1450b71cc 100644 --- a/ui/app/css/itcss/components/buttons.scss +++ b/ui/app/css/itcss/components/buttons.scss @@ -6,9 +6,43 @@ background-color: #02c9b1; // TODO: reusable color in colors.css } -button.btn-clear { +.btn-clear { background: $white; - border: 1px solid; + text-align: center; + padding: .8rem 1rem; + color: $curious-blue; + border: 2px solid $spindle; + border-radius: 4px; + font-size: .85rem; + font-weight: 400; + transition: border-color .3s ease; + + &:hover { + border-color: $curious-blue; + } + + &--disabled, + &[disabled] { + cursor: auto; + opacity: .5; + pointer-events: none; + } +} + +.btn-cancel { + background: $white; + text-align: center; + padding: .9rem 1rem; + color: $scorpion; + border: 2px solid $dusty-gray; + border-radius: 4px; + font-size: .85rem; + font-weight: 400; + transition: border-color .3s ease; + + &:hover { + border-color: $scorpion; + } } // No longer used in flat design, remove when modal buttons done |