Change mixin library to bourbon. Significantly reduces sass build time. https://github.com/nasa/openmctweb/issues/698
21 lines
758 B
SCSS
21 lines
758 B
SCSS
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
|
|
@include containerBase($bg, $fg);
|
|
@include background-image(linear-gradient(lighten($bg, 5%), $bg));
|
|
@include boxShdw($shdwBtns);
|
|
}
|
|
|
|
@mixin btnSubtle($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
|
|
@include containerSubtle($bg, $fg);
|
|
@include btnBase($bg, $bgHovColor, $fg, $ic);
|
|
text-shadow: $shdwItemText;
|
|
}
|
|
|
|
@function pullForward($c: $colorBodyBg, $p: 20%) {
|
|
// For dark interfaces, lighter things come forward - opposite for light interfaces
|
|
@return lighten($c, $p);
|
|
}
|
|
|
|
@function pushBack($c: $colorBodyBg, $p: 20%) {
|
|
// For dark interfaces, darker things move back - opposite for light interfaces
|
|
@return darken($c, $p);
|
|
} |