aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-05-30 05:33:29 +0800
committerAlexander Tseung <alextsg@users.noreply.github.com>2018-06-01 01:37:52 +0800
commitf4d833cb09758beb62a65ad4011d16bdb81b33ff (patch)
tree6a191c3de37c1918a5dda48d5ab084624a9a919f /ui/app/css
parent39d22a4ddb4ba0f4ad456009c86486a433c6724e (diff)
downloadtangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar.gz
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar.bz2
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar.lz
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar.xz
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.tar.zst
tangerine-wallet-browser-f4d833cb09758beb62a65ad4011d16bdb81b33ff.zip
Change btn-secondary styles to btn-default. Make btn-secondary red warning style buttons
Diffstat (limited to 'ui/app/css')
-rw-r--r--ui/app/css/itcss/components/buttons.scss49
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;
}