$annotation-graph-color : #11AA11; // $annotation-candidate-color : #33AAEE; $annotation-candidate-color : #5A90B6; $annotation-stop-color : #EE3311; $annotation-field-base-alpha: 17.5%; $annotation-text-color: $black; @mixin annotation-field-1($_color1) { $color1: mix-alpha($_color1, $annotation-field-base-alpha); color: $annotation-text-color; background-color: $color1; } @mixin annotation-field-2($_color1, $_color2) { $color1: mix-alpha($_color1, $annotation-field-base-alpha); $color2: mix-alpha($_color2, $annotation-field-base-alpha); $blend: 20%; color: $annotation-text-color; background-image: linear-gradient(mix-alpha($color1, $blend), mix-alpha($color1, $blend)), linear-gradient(mix-alpha($color2, $blend), mix-alpha($color2, $blend)); } @mixin annotation-field-3($_color1, $_color2, $_color3) { $color1: mix-alpha($_color1, $annotation-field-base-alpha); $color2: mix-alpha($_color2, $annotation-field-base-alpha); $color3: mix-alpha($_color3, $annotation-field-base-alpha); $blend: 10%; color: $annotation-text-color; background-image: linear-gradient(mix-alpha($color1, $blend), mix-alpha($color1, $blend)), linear-gradient(mix-alpha($color2, $blend), mix-alpha($color2, $blend)), linear-gradient(mix-alpha($color3, $blend), mix-alpha($color3, $blend)); }