photon-ant/src/tags.less

Mozilla Photon styles for the Ant Design UI library

.ant-tag {
  margin-bottom: 0.25em;

  a {
    &:hover,
    &:focus,
    &:active {
      outline: none;
    }
  }
}

.ant-tag-red {
  background-color: fade(@red-50, 50%);
  border-color: @red-60;
  color: @grey-10;
}

.ant-tag-orange {
  background-color: fade(@orange-50, 50%);
  border-color: @orange-60;
  color: @orange-90;
}

.ant-tag-cyan {
  background-color: fade(@teal-50, 50%);
  border-color: @teal-60;
  color: @teal-90;
}

.ant-tag-blue {
  background-color: fade(@blue-50, 50%);
  border-color: @blue-60;
  color: @grey-10;
}

.ant-tag-purple {
  background-color: fade(@purple-50, 50%);
  border-color: @purple-60;
  color: @grey-10;
}

.ant-tag-yellow {
  background-color: fade(@yellow-50, 50%);
  border-color: @yellow-60;
  color: @yellow-90;
}

.ant-tag-green {
  background-color: fade(@green-50, 50%);
  border-color: @green-50;
  color: @green-90;
}