_annotation.scss 1.39 KB
Newer Older
arturo's avatar
arturo committed
1 2 3 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 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
.annotation-run {
  @include clickable();

  &.candidate-term.graph-term.stop-term {
    @include annotation-field-3(
      $annotation-candidate-color,
      $annotation-graph-color,
      $annotation-stop-color
    );
  }

  &.candidate-term.graph-term {
    @include annotation-field-2(
      $annotation-candidate-color,
      $annotation-graph-color
    );
  }

  &.candidate-term.stop-term {
    @include annotation-field-2(
      $annotation-candidate-color,
      $annotation-stop-color
    );
  }

  &.graph-term.stop-term {
    @include annotation-field-2(
      $annotation-graph-color,
      $annotation-stop-color
    );
  }

  &.candidate-term {
    @include annotation-field-1($annotation-candidate-color);
  }

  &.graph-term {
    @include annotation-field-1($annotation-graph-color)
  }

  &.stop-term {
    @include annotation-field-1($annotation-stop-color)
  }
}

.b-icon {

  &.graph-term {
    @include light-bulb($annotation-graph-color);
  }

  &.candidate-term {
    @include light-bulb($annotation-candidate-color);
  }

  &.stop-term {
    @include light-bulb($annotation-stop-color);
  }

  &.disabled-term {
    // slightly dissolving the icon colour, this will dissociate the semantic
    // from the "traffic lights" chart towards a web one (where diluted
    // gray means disabled element)
    $color: mix-alpha($list-group-disabled-color, 20%);

    @include light-bulb($color);
  }
}