open-consul/ui-v2/app/styles/base/components/pill/skin.scss

%pill {
  border-radius: $decor-radius-100;
}
%pill button {
  background-color: $transparent;
  /* font-size: 0; */
  cursor: pointer;
}
%pill button::before {
  @extend %with-cancel-plain-icon;
  @extend %as-pseudo;
  width: 10px;
  height: 10px;
}
%reduced-pill::before {
  @extend %as-pseudo;
}
%reduced-pill.kubernetes::before {
  @extend %with-kubernetes-logo-color-icon;
}
%reduced-pill.terraform::before {
  @extend %with-terraform-logo-color-icon;
}
%reduced-pill.nomad::before {
  @extend %with-nomad-logo-color-icon;
}
%reduced-pill.consul::before {
  @extend %with-consul-logo-color-icon;
}
%reduced-pill.aws::before {
  @extend %with-logo-aws-color-icon;
}
%reduced-pill.gateway::before {
  @extend %with-gateway-mask;
  background-color: $gray-500;
}