Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / ae12132fcb8fa819d900246d46d371766ec06e6b / . / app / common / styles / elements / status.scss
blob: edc77326e14bdd104f945e0dceb3845ebb47ed23 [file] [log] [blame]
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]1//status light states
Michael Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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 Davis9681d5c2017-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
Michael Davis4cf9dad2017-08-09 11:38:27 -0500[diff] [blame]37.status-light__disabled,
38.status-light__off{
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]39 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]40 &::before {
41 @include status-light__disabled;
42 }
43}
44
45.status-light__good {
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]46 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]47 &::before {
48 @include status-light__good;
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]49 @extend .icon__good;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]50 }
51}
52
53.status-light__error {
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]54 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]55 &::before {
56 @include status-light__error;
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]57 @extend .icon__critical;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]58 }
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]59
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]60}
61
62.status-light__warn {
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]63 @include status-light-header;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]64 &::before {
Michael Davis5a752b22017-03-09 09:41:08 -0600[diff] [blame]65 @include status-light__warn;
Michael Davis9681d5c2017-07-27 15:05:08 -0500[diff] [blame]66 @extend .icon__warning;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]67 }
68}