icon changes based on designs.
Change-Id: I73c423b867dfd5d4fadfe5bc8d2d6f30d1f632e8
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index bac0be0..7b7e981 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -4,6 +4,7 @@
height: 20px;
position: relative;
speak: none;
+ font-style: normal;
&.icon-as-spacer {
text-indent: -9999px;
}
@@ -44,20 +45,37 @@
}
}
-.icon__warning{
- width: 40px;
- height: 40px;
- background-image: url(/assets/images/icon-warning.svg);
+.icon-angle {
+ &:before {
+ content: '\276F';
+ display: inline-block;
+ font-size: 1em;
+ margin-left: 1em;
+ color: lighten($darkgrey, 4%);
+ }
+}
+//Status icons
+@mixin status-icon {
background-repeat: no-repeat;
vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ margin-right: .4em;
}
-.icon__critical{
- width: 40px;
- height: 40px;
+.icon__warning {
+ @include status-icon;
+ background-image: url(/assets/images/icon-warning.svg);
+}
+
+.icon__critical {
+ @include status-icon;
background-image: url(/assets/images/icon-critical.svg);
- background-repeat: no-repeat;
- vertical-align: middle;
+}
+
+.icon__good {
+ @include status-icon;
+ background-image: url(/assets/images/icon-on.svg);
}
.icon__info{