747afa6200
Fixes #1677 Refactor and re-organize alert and status colors; Rename _limits.scss to _status.scss; Style Guide additions in progress; VERY WIP, NEEDS UNIT TESTING FOR REGRESSION.
23 lines
750 B
SCSS
23 lines
750 B
SCSS
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $gradRatio: 5%) {
|
|
@include containerBase($bg, $fg);
|
|
@include background-image(linear-gradient(pullForward($bg, $gradRatio), $bg));
|
|
@include boxShdw($shdwBtns);
|
|
}
|
|
|
|
@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);
|
|
}
|
|
|
|
@function bgFg($c) {
|
|
// Given a single color, return valid background and foreground versions of that color
|
|
$bg: darken($c, 20%);
|
|
$fg: lighten($c, 20%);
|
|
@return $bg, $fg;
|
|
}
|