summaryrefslogtreecommitdiffstats
path: root/app/users/styles/user-accounts.scss
diff options
context:
space:
mode:
authorYoshie Muranaka <yoshiemuranaka@gmail.com>2019-06-24 14:35:41 -0500
committerDerick Montague <derick.montague@ibm.com>2019-07-09 16:37:46 -0500
commit6f7ec80eb14084228cd7d8dae580da4b794c2595 (patch)
treec01c0c280b0c30043d6443a93e5ec4c650095710 /app/users/styles/user-accounts.scss
parent309b5da3750a3a5b189362e31013d2ab9404e806 (diff)
downloadphosphor-webui-6f7ec80eb14084228cd7d8dae580da4b794c2595.tar.gz
phosphor-webui-6f7ec80eb14084228cd7d8dae580da4b794c2595.zip
Clean up color values
This update will clean up slight color variations in the code base by creating and using Sass color variables instead of hex values. Available colors are defined in colors.scss. Any usage of CSS color properties should refer to the mapped color variables in colors.scss. - Removed tags.scss file since tag components no longer used Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383
Diffstat (limited to 'app/users/styles/user-accounts.scss')
-rw-r--r--app/users/styles/user-accounts.scss15
1 files changed, 7 insertions, 8 deletions
diff --git a/app/users/styles/user-accounts.scss b/app/users/styles/user-accounts.scss
index f49d47c..a91bca6 100644
--- a/app/users/styles/user-accounts.scss
+++ b/app/users/styles/user-accounts.scss
@@ -1,6 +1,6 @@
.acnt-prop-header {
width: 100%;
- border-bottom: 2px solid #b8c1c1;
+ border-bottom: 2px solid $border-color-01;
margin: 0px 0px 15px;
}
.user-manage__form {
@@ -23,7 +23,7 @@
display: block;
padding-left: 1.5em;
margin-bottom: 1em;
- border-bottom: 1px solid $medgrey;
+ border-bottom: 1px solid $border-color-01;
}
.acnt-prop__input-wrapper,
.user-manage__input-wrapper {
@@ -42,7 +42,6 @@
right: 20px;
top: .6em;
padding: 3px;
- color: $primebtn__bg;
font-size: .8em;
}
.acnt-prop__submit-wrapper,
@@ -50,24 +49,24 @@
width: 100%;
margin-top: 6px;
padding-top: 1px;
- border-top: 1px solid $medgrey;
+ border-top: 1px solid $border-color-01;
button {
float: right;
margin: .5em;
}
}
.user-manage__error {
- background: lighten($error-color, 20%);
+ background: lighten($status-error, 20%);
padding: 1em;
text-align: center;
font-size: 1em;
- border: 1px solid $error-color;
- color: $black;
+ border: 1px solid $status-error;
+ color: $primary-dark;
font-family: "Courier New", Helvetica, Arial, sans-serif;
font-weight: 700;
}
.user-manage__success {
- color: $primebtn__bg;
+ color: $primary-accent;
padding: 1em;
font-size: 1em;
font-family: "Courier New", Helvetica, Arial, sans-serif;
OpenPOWER on IntegriCloud