packages/styles/scss/utilities/_visibility.scss

   1 /* to hide text with accessibility… a11y */
   2 .invisible,
   3 .sr-only {
   4         position: absolute;
   5         inset-block-start: 0; // needed for Safari dumb and 💩 behaviour
   6         block-size: 1px;
   7         inline-size: 1px;
   8         padding: 0;
   9         margin: -1px;
  10         overflow: hidden;
  11         border: 0;
  12         clip: rect(0 0 0 0);
  13 }
  14
  15 .visibility-hidden {
  16         visibility: hidden;
  17 }
  18
  19 .invisible-number-input-arrow {
  20         /* Chrome, Safari, Edge, Opera */
  21         &::-webkit-outer-spin-button,
  22         input::-webkit-outer-spin-button,
  23         &::-webkit-inner-spin-button,
  24         input::-webkit-inner-spin-button {
  25                 appearance: none;
  26                 margin: 0;
  27         }
  28
  29         /* Firefox */
  30         input[type='number'],
  31         &[type='number'] {
  32                 appearance: textfield;
  33         }
  34 }