diff options
| author | Michael Davis <michael.s.davis@ibm.com> | 2017-07-27 14:55:53 -0500 |
|---|---|---|
| committer | Adriana Kobylak <anoo@us.ibm.com> | 2017-10-09 13:23:19 -0500 |
| commit | 5104adefda7c1489ec43018b9927478c8e8b42d5 (patch) | |
| tree | 5ee10f10b844ffb614a9bd7ffe1ecdbb6ddea1cb /app/common | |
| parent | 80a6a371cf4805edec23829385be28e7f24718c1 (diff) | |
| download | phosphor-webui-5104adefda7c1489ec43018b9927478c8e8b42d5.tar.gz phosphor-webui-5104adefda7c1489ec43018b9927478c8e8b42d5.zip | |
icon changes based on designs.
Change-Id: I73c423b867dfd5d4fadfe5bc8d2d6f30d1f632e8
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
Diffstat (limited to 'app/common')
| -rw-r--r-- | app/common/styles/base/icons.scss | 36 |
1 files changed, 27 insertions, 9 deletions
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{ |
