@import "../ui.colors.less";
@import "../ui.vars.less";
sc-icon {
  color: @scText;

  &[dark] {
    color: @appBlack;
  }

  &[light] {
    color: @appWhite;
  }

  &[action] {
    color: @scAction;
  }

  &[info] {
    color: @General_700;
  }

  &[warning] {
    color: @Warning_700;
  }

  &[danger] {
    color: @Negative_700;
  }

  &[success] {
    color: @Positive_400;
  }

  &[failed] {
    color: @appRed;
  }

  &[heading] {
    color: orange;
  }

  &[disabled] {
    opacity: 0.4;
  }

  &[item-start] {
    padding-right: 8px;
  }

  &[avatar-star] {
    font-size: 1.75rem;
    line-height: 0px;
    color: @appYellow;
    position: absolute;
    bottom: -2px;
    left: -8px;
  }

  &[close] {
    color: @scAction;
  }
}