SpeciesFileGroup/taxonworks

View on GitHub
app/assets/stylesheets/base/pills.scss

Summary

Maintainability
Test Coverage
.pill {
  background-color: #b3b3b3;
  margin: 4px;
  padding: 4px;
  border-radius: 8px;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  isolation: isolate;
  line-height: 22px;
  
  > span {
    color: inherit;
    filter: invert(1) brightness(2) grayscale(1) contrast(1000%);
  }

  &.tag, &.keyword {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  &.topic {
    color: #e5e5e5;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  &.alternate_value {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  &.data_attribute, &.predicate {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  &.biocuration {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  &.confidence_level {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  &.note {
    border-top-left-radius: 0px;
    border-radius: 0px;
  }
  &.biological_property {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}