24 lines
592 B
SCSS
24 lines
592 B
SCSS
|
//////////////////////////////
|
||
|
|
// Calculations
|
||
|
|
@function offset-background-color($color, $percent) {
|
||
|
|
@if (lightness($color) < 50) {
|
||
|
|
@return lighten($color, $percent);
|
||
|
|
} @else {
|
||
|
|
@return darken($color, $percent);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@function offset-foreground-color($color, $percent) {
|
||
|
|
@if (lightness($color) > 50) {
|
||
|
|
@return lighten($color, $percent);
|
||
|
|
} @else {
|
||
|
|
@return darken($color, $percent);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@function fade-foreground-color($color, $percent) {
|
||
|
|
@if (lightness($color) < 50) {
|
||
|
|
@return lighten($color, $percent);
|
||
|
|
} @else {
|
||
|
|
@return darken($color, $percent);
|
||
|
|
}
|
||
|
|
}
|