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
diff --git a/app/common/styles/elements/inline-confirm.scss b/app/common/styles/elements/inline-confirm.scss
index 873e66e..d6fc2c2 100644
--- a/app/common/styles/elements/inline-confirm.scss
+++ b/app/common/styles/elements/inline-confirm.scss
@@ -7,8 +7,8 @@
width: 100%;
height: 100%;
z-index: 5;
- background: $darkbg__primary;
- color: $white;
+ background: $background-04;
+ color: $primary-light;
padding: 2em 2em 1.55em 2em;
overflow: hidden;
@include fastTransition-all;
@@ -20,43 +20,13 @@
// Power confirmation buttons
.inline__confirm-buttons {
- margin-left: 1.8em;
- .btn-primary {
- background: transparent;
- border: 2px solid $white;
- padding: 1em 2.2em;
- margin: 0 10px;
- &:focus,
- &.default {
- background: $primebtn__bg;
- border: 2px solid $primebtn__bg;
- }
- &:hover {
- background: darken($primebtn__bg, 10%);
- border: 2px solid $primebtn__bg;
- }
- }
@media (min-width: 900px) {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
-}
-
-// confirmation message
-.inline__confirm-message {
- display: inline-block;
- font-weight: 400;
-}
-
-// Power confirmation message icon
-.inline__confirm-message i::before {
- content: '\26A0';
- color: $status-warn;
- display: inline-block;
- font-size: 2em;
- vertical-align: middle;
- font-style: normal;
- margin-right: 15px;
+ .btn {
+ min-width: 100px!important;
+ }
}
\ No newline at end of file