commit e15a956125ac6d0c6dd60fa2f657d642ed893a8f
author Michael Davis <michael.s.davis@ibm.com> Fri Mar 03 14:30:24 2017 -0600
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 12:41:10 2017 -0500
tree 25d56b68f86fc64143207b8de9188fd08643b963
parent 5d01469c32865eb4bddd1390fe703f19a53820a3

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>

src/scss/base/_colors.scss

diff --git a/src/scss/base/_colors.scss b/src/scss/base/_colors.scss
index 449bfb1..2fa98e8 100644
--- a/src/scss/base/_colors.scss
+++ b/src/scss/base/_colors.scss
@@ -3,7 +3,7 @@
 $black: #333;
 $darkgrey: #666;
 $lightgrey: #ccc;
-$field__disabled: #F4F8F8;
+$field__disabled: #d8d8d8;
 $btn__disabled-txt: #a6a5a6;
 $btn__disabled-bg: #d8d8d8;
 
@@ -16,7 +16,7 @@
 // Light Background
 $lightbg__grey: #b8c1c1;
 $lightbg__accent: #ebf0fc;
-$lightbg__primary: #1a273b;
+$lightbg__primary: #3c6df0;
 
 // Primary Button colors
 $primebtn__bg: #3c6df0;

src/scss/base/_forms.scss

diff --git a/src/scss/base/_forms.scss b/src/scss/base/_forms.scss
index 97c24eb..074ba14 100644
--- a/src/scss/base/_forms.scss
+++ b/src/scss/base/_forms.scss
@@ -19,15 +19,15 @@
 input[type='text'],
 textarea {
   border-radius: 0px;
-  border: 1px solid $lightbg__grey;
+  border: 1px solid $lightgrey;
   height: 3.1em;
-  transition: all 1s ease;
   margin: 0 0 1em 0;
-  background: $lightbg__grey;
-  box-shadow: 0px 0px 0px;
+  background: $white;
+  box-shadow: 0 0 0;
+  transition: none !important;
   &:focus {
     border-color: $lightbg__accent;
-    box-shadow: 0px 0px 0px;
+    border-bottom: 5px solid $lightbg__primary;
   }
   &:disabled, .disabled {
     background: $field__disabled;
@@ -35,7 +35,6 @@
   }
   &.input__error {
     border-color: $error-color;
-    background: rgba(230, 35, 37, 0.1);
   }
 }
 

src/scss/base/_mixins.scss

diff --git a/src/scss/base/_mixins.scss b/src/scss/base/_mixins.scss
index a259c6b..578a866 100644
--- a/src/scss/base/_mixins.scss
+++ b/src/scss/base/_mixins.scss
@@ -51,29 +51,3 @@
 @mixin bgImage__arrowDown-grey {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #b8c1c1'></polygon></svg>");
 }
-
-@mixin status-light {
-  content: '\25CF';
-  display: inline-block;
-  font-size: 1.4em;
-  color: $status-ok;
-  margin-right: .3em;
-}
-
-@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;
-
-}