Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 9e62a1c88c7358b95d81eafd02a6d322d78a56d5 / . / app / common / styles / elements / status.scss
blob: 988c86b9b642c4b90891e593867866b0f8db7eee [file] [log] [blame]
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]1//status light states
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]2@mixin status-light-before {
3 content: '';
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]4 display: inline-block;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]5 margin-right: -12%;
6 transform: translateY(-2px);
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]7 left: 0;
8 top: 0;
9 width: 20px;
10 height: 20px;
11 position: absolute;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]12}
13
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]14@mixin status-light-header {
15 padding-left: 1.6em;
16 margin-top: .7em;
17 position: relative;
18}
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]19@mixin status-light__good {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]20 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]21}
22
23@mixin status-light__error {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]24 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]25}
26
27@mixin status-light__disabled {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]28 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]29}
30
31@mixin status-light__warn {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]32 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]33
34}
35
36.status-light__disabled {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]37 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]38 &::before {
39 @include status-light__disabled;
Michael Davis20389ab2017-07-31 18:49:32 -0500[diff] [blame]40 @extend .icon__off;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]41 }
42}
43
44.status-light__good {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]45 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]46 &::before {
47 @include status-light__good;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]48 @extend .icon__good;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]49 }
50}
51
52.status-light__error {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]53 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]54 &::before {
55 @include status-light__error;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]56 @extend .icon__critical;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]57 }
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]58
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]59}
60
61.status-light__warn {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]62 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]63 &::before {
Michael Davis5a752b22017-03-09 09:41:08 -0600[diff] [blame]64 @include status-light__warn;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]65 @extend .icon__warning;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]66 }
67}