style updates for header and power-ops
Change-Id: I5f518dd983d8ff4220062f4c31f0d9bd4f09b6f1
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/scss/base/_buttons.scss b/src/scss/base/_buttons.scss
index 3703722..27a8466 100644
--- a/src/scss/base/_buttons.scss
+++ b/src/scss/base/_buttons.scss
@@ -5,18 +5,16 @@
border-radius: 3px;
padding: .8rem 3.5rem;
height: auto;
+ border: 0px;
&:hover {
cursor: pointer;
}
- &.disabled {
- border: 2px solid $lightgrey;
- color: $lightgrey;
- }
}
.disabled {
button, .button, input[type="submit"] {
opacity: 0.2;
+ color: $btn__disabled-txt;
&:hover {
cursor: default;
background: transparent;
@@ -27,6 +25,18 @@
.btn-primary {
color: $primebtn__text;
background: $primebtn__bg;
+ &:hover {
+ background: rgba(60,109,240,.8);
+ @include fastTransition-all;
+ }
+ &.disabled {
+ background: $btn__disabled-bg;
+ color: $btn__disabled-txt;
+ @include fastTransition-all;
+ &:hover {
+ cursor: default;
+ }
+ }
}
.btn-secondary {
color: $secbtn__text;
@@ -36,5 +46,14 @@
background: $lightbg__accent;
cursor: pointer;
background: $secbtn__bg;
+ @include fastTransition-all;
+ }
+ &.disabled {
+ border: 2px solid $lightgrey;
+ background: $btn__disabled-bg;
+ @include fastTransition-all;
+ &:hover {
+ background: $btn__disabled-bg;
+ }
}
}