define global message classes
Migrate power-ops to utilize.
Change-Id: Ie3946a6c957c78ef1b07b0c815448ed8d7e826b5
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/scss/elements/_alerts.scss b/src/scss/elements/_alerts.scss
index a6d66b0..76624b1 100644
--- a/src/scss/elements/_alerts.scss
+++ b/src/scss/elements/_alerts.scss
@@ -43,4 +43,25 @@
}
.alert__message {
background: $alert__message;
-}
\ No newline at end of file
+}
+
+// Power confirmation buttons
+.power__confirm-buttons {
+ .btn-primary {
+ background: transparent;
+ border: 2px solid $white;
+ padding: 1em 2.2em;
+ margin: 0 10px;
+ border-radius: 4px;
+ &:focus,
+ &:hover {
+ background: $primebtn__bg;
+ border: 2px solid $primebtn__bg;
+ }
+ }
+ @include mediaQuery(large) {
+ float: right;
+ }
+}
+
+