hit-dice.component.scss 974 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .hit-dice-container {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. .input-container {
  6. display: flex;
  7. flex-direction: row;
  8. flex-wrap: wrap;
  9. width: 90%;
  10. row-gap: 0.5rem;
  11. input {
  12. flex: 0 0 15%;
  13. max-width: 15%;
  14. }
  15. }
  16. button {
  17. align-self: flex-start;
  18. width: 10%;
  19. }
  20. }
  21. .edit-button {
  22. border: none;
  23. background: none;
  24. }
  25. .add-button {
  26. background-color: var(--accept);
  27. border: none;
  28. border-radius: 6px;
  29. box-shadow: var(--shadow);
  30. height: 2rem;
  31. width: 3rem;
  32. font-size: 1.5rem;
  33. &:hover {
  34. background-color: var(--accept-hover);
  35. }
  36. }
  37. .remove-button {
  38. background-color: var(--delete);
  39. border: none;
  40. border-radius: 6px;
  41. box-shadow: var(--shadow);
  42. height: 2rem;
  43. width: 3rem;
  44. font-size: 1.5rem;
  45. &:hover {
  46. background-color: var(--delete-hover);
  47. }
  48. }