save-throw-panel.component.scss 498 B

123456789101112131415161718192021222324252627
  1. @import "../../../../responsive";
  2. .save-throw-panel {
  3. border: var(--border);
  4. background-color: var(--field-background-color);
  5. box-shadow: var(--shadow);
  6. border-radius: 10px;
  7. display: flex;
  8. flex-direction: column;
  9. justify-content: space-evenly;
  10. gap: 0rem;
  11. padding: 0rem;
  12. height: 12rem;
  13. @include height-small {
  14. height: 14rem;
  15. }
  16. @include height-medium {
  17. height: 15.25rem;
  18. }
  19. // Too large, doesn't look good
  20. @include height-large {
  21. height: 16.5rem;
  22. }
  23. }