@dnb/eufemia/components/number-format/style/dnb-number-format.css

DNB Eufemia Design System UI Library

/*
 * NumberFormat Component
 *
 */
.dnb-number-format {
  display: inline-block;
  position: relative;
  speak-as: numbers;
  white-space: nowrap;
}
.dnb-number-format .dnb-sr-only::before {
  content: attr(data-text);
}
.dnb-number-format__prefix, .dnb-number-format__suffix {
  white-space: normal;
}
.dnb-number-format.dnb-anchor {
  cursor: pointer;
}
.dnb-number-format--select-all {
  cursor: text;
}
.dnb-number-format__visible {
  position: relative;
  z-index: 2;
}
.dnb-number-format--selected .dnb-number-format__visible {
  color: var(--token-color-text-neutral);
  background-color: var(--token-color-background-action-pressed-subtle);
}
.dnb-number-format__selection {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
          user-select: none;
}
.dnb-number-format--selected .dnb-number-format__selection {
  z-index: 3;
  -webkit-user-select: all;
          user-select: all;
}
.dnb-number-format--monospace {
  font-family: var(--font-family-monospace);
}
.dnb-number-format.dnb-skeleton, .dnb-skeleton .dnb-number-format {
  -webkit-text-fill-color: var(--skeleton-color);
}