diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2018-01-13 05:41:46 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-01-13 05:41:46 +0800 |
| commit | 89a8267fe70b62739043c09e855d6aa97af8769e (patch) | |
| tree | 5f360e4a65a0768817913e99840e3705439432e2 /ui/app/css/itcss/components/buttons.scss | |
| parent | bdcee058dc278c46c828f376476f121417481385 (diff) | |
| parent | 613465fe965d41e0f0936aec499a4691c0191963 (diff) | |
| download | tangerine-wallet-browser-89a8267fe70b62739043c09e855d6aa97af8769e.tar.gz tangerine-wallet-browser-89a8267fe70b62739043c09e855d6aa97af8769e.tar.zst tangerine-wallet-browser-89a8267fe70b62739043c09e855d6aa97af8769e.zip | |
Merge pull request #2928 from alextsg/cb-388
[NewUI] Update main view styling
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 |