icon.css 519 B

12345678910111213141516171819202122232425262728293031323334
  1. [data-component="icon"] {
  2. display: inline-flex;
  3. align-items: center;
  4. justify-content: center;
  5. flex-shrink: 0;
  6. /* resize: both; */
  7. aspect-ratio: 1/1;
  8. color: var(--icon-base);
  9. &[data-size="small"] {
  10. width: 16px;
  11. height: 16px;
  12. }
  13. &[data-size="normal"] {
  14. width: 20px;
  15. height: 20px;
  16. }
  17. &[data-size="medium"] {
  18. width: 24px;
  19. height: 24px;
  20. }
  21. &[data-size="large"] {
  22. width: 24px;
  23. height: 24px;
  24. }
  25. [data-slot="icon-svg"] {
  26. width: 100%;
  27. height: auto;
  28. }
  29. }