hit-dice.component.scss 837 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .heading-line {
  2. display: flex;
  3. align-items: flex-start;
  4. gap: 0.5rem;
  5. }
  6. .hit-dice-container {
  7. display: flex;
  8. flex-direction: row;
  9. gap: 3rem;
  10. .input-container {
  11. display: flex;
  12. flex-direction: row;
  13. flex-wrap: wrap;
  14. width: 20rem;
  15. row-gap: 0.5rem;
  16. column-gap: 3rem;
  17. // input {
  18. // flex: 0 0 4rem;
  19. // }
  20. }
  21. }
  22. input[type="checkbox"] {
  23. appearance: none;
  24. -webkit-appearance: none;
  25. -moz-appearance: none;
  26. width: 20px;
  27. height: 20px;
  28. background: white;
  29. border: 1px solid #000;
  30. position: relative;
  31. }
  32. input[type="checkbox"]:checked::after {
  33. content: "";
  34. position: absolute;
  35. top: 50%;
  36. left: 50%;
  37. width: 12px;
  38. height: 12px;
  39. background: #815139;
  40. transform: translate(-50%, -50%);
  41. }