ability-table.component.scss 442 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .ability-box {
  2. height: 100%;
  3. }
  4. .item-list {
  5. height: 40rem;
  6. }
  7. .item {
  8. margin: 15px 10px;
  9. padding: 10px 10px;
  10. .header {
  11. display: flex;
  12. justify-content: space-between;
  13. margin-bottom: 0.5rem;
  14. .name {
  15. font-size: 1.25rem;
  16. font-weight: 600;
  17. }
  18. .cost {
  19. font-weight: 600;
  20. }
  21. }
  22. .charges-box {
  23. display: flex;
  24. align-items: center;
  25. gap: 0.25rem;
  26. }
  27. }
  28. .used {
  29. opacity: 0.5;
  30. }