1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| @use 'sass:color';
| @use 'sass:string';
|
| @function rgb2hex($color) {
| @return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
| }
|
| // rgba color above solid color
| @function mix-overlay-color($upper, $lower) {
| $opacity: color.alpha($upper);
|
| $red: color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') * (1 - $opacity);
| $green: color.channel($upper, 'green') * $opacity + color.channel($lower, 'green') * (1 - $opacity);
| $blue: color.channel($upper, 'blue') * $opacity + color.channel($lower, 'blue') * (1 - $opacity);
|
| @return rgb2hex(rgb($red, $green, $blue));
| }
|
|
