misc changes to header and login
* Header optimizations for small screens
* Style changes to login page.
Change-Id: Ia7a4fc0cab8e105348f8f8e36b3c61cdc938b2bb
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/scss/components/_status.scss b/src/scss/components/_status.scss
new file mode 100644
index 0000000..30cb2db
--- /dev/null
+++ b/src/scss/components/_status.scss
@@ -0,0 +1,60 @@
+//status light states
+@mixin status-light {
+ content: '\25CF';
+ display: inline-block;
+ font-size: 2em;
+ color: $status-ok;
+ margin-right: .1em;
+ transform: translateY(2px);
+}
+
+@mixin status-light__good {
+ @include status-light;
+ color: $status-ok;
+
+}
+
+@mixin status-light__error {
+ @include status-light;
+ color: $error-color;
+
+}
+
+@mixin status-light__disabled {
+ @include status-light;
+ color: $darkgrey;
+
+}
+
+@mixin status-light__warn {
+ @include status-light;
+ color: $darkgrey;
+
+}
+
+.status-light__disabled {
+ color: $darkgrey;
+ &::before {
+ @include status-light__disabled;
+ }
+}
+
+.status-light__good {
+ &::before {
+ @include status-light__good;
+ }
+}
+
+.status-light__error {
+ color: $error-color;
+ &::before {
+ @include status-light__error;
+ }
+}
+
+.status-light__warn {
+ color: $status-warn;
+ &::before {
+ @include status-light__error;
+ }
+}
\ No newline at end of file