mirror of
https://github.com/nasa/openmct.git
synced 2024-12-22 06:27:48 +00:00
9f90c6b8d8
WTD-884
52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
@mixin limit($c, $glyph) {
|
|
background: $c;
|
|
&:before {
|
|
//@include pulse(500ms);
|
|
color: lighten($c, 30%);
|
|
content: $glyph;
|
|
}
|
|
}
|
|
|
|
/*.s-limit-upr,
|
|
.s-limit-lwr {
|
|
$a: 0.5;
|
|
$l: 30%;
|
|
white-space: nowrap;
|
|
&:before {
|
|
display: inline-block;
|
|
font-family: symbolsfont;
|
|
font-size: 0.85em;
|
|
font-style: normal !important;
|
|
margin-right: $interiorMarginSm;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.s-limit-upr {
|
|
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); }
|
|
&.s-limit-red { @include limit($colorLimitRed, "\0000eb"); }
|
|
}
|
|
|
|
.s-limit-lwr {
|
|
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); }
|
|
&.s-limit-red { @include limit($colorLimitRed, "\0000ee"); }
|
|
}*/
|
|
|
|
[class*="s-limit"] {
|
|
$a: 0.5;
|
|
$l: 30%;
|
|
white-space: nowrap;
|
|
&:before {
|
|
display: inline-block;
|
|
font-family: symbolsfont;
|
|
font-size: 0.85em;
|
|
font-style: normal !important;
|
|
margin-right: $interiorMarginSm;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.s-limit-upr-red { @include limit($colorLimitRed, "\0000eb"); };
|
|
.s-limit-upr-yellow { @include limit($colorLimitYellow, "\0000ed"); };
|
|
.s-limit-lwr-yellow { @include limit($colorLimitYellow, "\0000ec"); };
|
|
.s-limit-lwr-red { @include limit($colorLimitRed, "\0000ee"); }; |