Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / ea4968c0e8e6a71a7a23263bd05e04147339e6c5 / . / app / common / styles / elements / status.scss
blob: b6cdc9d9af2c050cc3f2c5cf755d317026704c48 [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;
Michael Davis9632d712017-08-28 18:36:53 -0500[diff] [blame]9 width: 16px;
10 height: 16px;
Michael Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]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
Michael Davis54013ac2017-08-09 11:38:27 -0500[diff] [blame]36.status-light__disabled,
37.status-light__off{
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;
Michael Davis20389ab2017-07-31 18:49:32 -0500[diff] [blame]41 @extend .icon__off;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]42 }
43}
44
45.status-light__good {
Michael Davis1d5de5d2017-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 Davis1d5de5d2017-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 Davis1d5de5d2017-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 Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]57 @extend .icon__critical;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]58 }
Michael Davis1d5de5d2017-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 Davis1d5de5d2017-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 Davis1d5de5d2017-07-27 15:05:08 -0500[diff] [blame]66 @extend .icon__warning;
Michael Davise15a9562017-03-03 14:30:24 -0600[diff] [blame]67 }
68}