_annotation.scss 1.31 KB
Newer Older
arturo's avatar
arturo committed
1 2
$annotation-graph-color     : #11AA11;
// $annotation-candidate-color : #33AAEE;
arturo's avatar
arturo committed
3
$annotation-candidate-color : #5A90B6;
arturo's avatar
arturo committed
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
$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));
}