attribute-field.component.scss 754 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .attribute-box {
  2. width: 8rem;
  3. border: var(--border);
  4. background-color: var(--field-background-color);
  5. box-shadow: var(--shadow);
  6. border-radius: 10px;
  7. text-align: center;
  8. cursor: pointer;
  9. .attribute-name {
  10. cursor: pointer;
  11. font-weight: 600;
  12. }
  13. input {
  14. border: none;
  15. outline: none;
  16. box-shadow: none;
  17. text-align: center;
  18. background-color: transparent;
  19. width: 100%;
  20. font-size: 1.25rem;
  21. font-weight: 600;
  22. }
  23. input[type="number"]::-webkit-inner-spin-button,
  24. input[type="number"]::-webkit-outer-spin-button {
  25. -webkit-appearance: none;
  26. margin: 0;
  27. }
  28. input[type="number"] {
  29. -moz-appearance: textfield;
  30. }
  31. .attribute-modifier {
  32. font-size: 2rem;
  33. font-weight: 700;
  34. }
  35. }