@adobe/spectrum-css/dist/components/label/index-vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Label {
  display: inline-block;
  position: relative;

  width: auto;

  padding: var(--spectrum-global-dimension-size-50) var(--spectrum-global-dimension-size-125);

  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));

  font-size: var(--spectrum-global-dimension-size-150);
  line-height: var(--spectrum-global-font-line-height-medium, 1.5);

  cursor: default;

  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-smoothing: subpixel-antialiased;
}

.spectrum-Label--large {
  font-size: var(--spectrum-global-dimension-size-175);
  padding: var(--spectrum-global-dimension-size-100) var(--spectrum-global-dimension-size-150);
}

.spectrum-Label--small {
  font-size: var(--spectrum-global-dimension-font-size-50);
  padding: var(--spectrum-global-dimension-size-40) var(--spectrum-global-dimension-size-85);
}

.spectrum-Label {
  color: var(--spectrum-label-colored-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-Label--inactive,
.spectrum-Label--grey {
  background-color: var(--spectrum-label-colored-gray-background-color, var(--spectrum-global-color-static-gray-700));
}

.spectrum-Label--red {
  background-color: var(--spectrum-label-colored-red-background-color, var(--spectrum-global-color-static-red-600));
}

.spectrum-Label--orange, .spectrum-Label--or {
  background-color: var(--spectrum-label-colored-orange-background-color, var(--spectrum-global-color-static-orange-600));
}

.spectrum-Label--yellow {
  background-color: var(--spectrum-label-colored-yellow-background-color, var(--spectrum-global-color-yellow-400));
}

.spectrum-Label--seafoam  {
  background-color: var(--spectrum-label-colored-seafoam-background-color, var(--spectrum-global-color-seafoam-400));
}

.spectrum-Label--green {
  background-color: var(--spectrum-label-colored-green-background-color, var(--spectrum-global-color-static-green-600));
}

.spectrum-Label--blue, .spectrum-Label--active, .spectrum-Label--and  {
  background-color: var(--spectrum-label-colored-blue-background-color, var(--spectrum-global-color-static-blue));
}

.spectrum-Label--fuchsia  {
  background-color: var(--spectrum-label-colored-fuchsia-background-color, var(--spectrum-global-color-fuchsia-400));
}