NumberInput.module.css 671 B

1234567891011121314151617181920212223242526272829303132333435
  1. /* Wrapper ensures the total height is exactly 44px */
  2. .numberInputWrap {
  3. display: inline-flex;
  4. align-items: stretch;
  5. height: 44px;
  6. border-radius: 4px;
  7. overflow: hidden;
  8. }
  9. /* The + and - buttons */
  10. .numBtn {
  11. height: 44px;
  12. min-width: 10px;
  13. padding: 8px 6px;
  14. margin: 0;
  15. }
  16. /* The actual text input in the middle */
  17. .numInput {
  18. width: 48px;
  19. text-align: center;
  20. height: 100%;
  21. font-family: inherit;
  22. font-size: 110%;
  23. font-weight: bold;
  24. }
  25. /* Hide native up/down arrows (spinners) */
  26. .numInput {
  27. -moz-appearance: textfield;
  28. }
  29. .numInput::-webkit-outer-spin-button,
  30. .numInput::-webkit-inner-spin-button {
  31. -webkit-appearance: none;
  32. margin: 0;
  33. }