evt-angular-ovi/src/app/components/lemmatized-entity-ref/lemmatized-entity-ref.component.scss

@import "../../../assets/scss/colors";
@import "../../../assets/scss/themes";
@import "../../../assets/scss/mixins";

.lemmatizedEntityRef {
  &:not(.noDetails) {
    cursor: pointer;
    &.opened {
      border-bottom: 3px solid rgba(0, 0, 0, 0.177);
      font-weight: 600;
      font-style: italic;
      background-color: rgba(0, 0, 0, 0.03);
    }
  }
  &:not(.opened):not(:hover) {
    background-color: transparent;
  }
}

.lemmatizedEntityRef:hover {
    background-color: rgba(0, 0, 0, 0.177);
}

.lemmatizedEntityRef:hover:not(.noDetails),
.lemmatizedEntityRef.highlighted,
.lemmatizedEntityRef.opened:not(.noDetails) {
  &.lem {
    @include lemmatizedEntityRefColors(get-ne-color(lemBase), get-ne-color(lemMiddle), get-ne-color(lemDarker));
  }
  &.w {
    @include lemmatizedEntityRefColors(get-ne-color(lemBase), get-ne-color(lemMiddle), get-ne-color(lemDarker));
  }
}

.lemmatizedEntityRefDetail {
  &.lem {
    background: get-ne-color(lemBase);
  }
  &.w {
    background: get-ne-color(lemBase);
  }
}
.not-found-msg {
  font-size: .9rem;
}

.lemmaHighlight {
  background: rgba(0, 0, 0, 0.177) !important;
}

.ne-container.lem .ne-occurrence {
  border-radius: 4px;
  padding: 4px 6px;
  background: rgba(255, 255, 255, 0.5);
  margin-right: 3px;
  font-size: 0.7rem;
  margin-bottom: 3px;
  display: inline-block !important;
  cursor: pointer;
  line-height: 0.9rem;
}