Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 1d5de5dbe48f568272207f471d2968215e7ce910 / . / app / common / styles / elements / status.scss
blob: 66ff7aacae1023b0ac581364b66234afd47d8fcd [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 Davis57738ea2017-03-06 23:21:19 -0600[diff] [blame]7 @include slowTransition-all;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]8 left: 0;
9 top: 0;
10 width: 20px;
11 height: 20px;
12 position: absolute;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]13}
14
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]15@mixin status-light-header {
16 padding-left: 1.6em;
17 margin-top: .7em;
18 position: relative;
19}
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]20@mixin status-light__good {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]21 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]22}
23
24@mixin status-light__error {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]25 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]26}
27
28@mixin status-light__disabled {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]29 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]30}
31
32@mixin status-light__warn {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]33 @include status-light-before;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]34
35}
36
37.status-light__disabled {
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame^]38 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]39 &::before {
40 @include status-light__disabled;
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}