icon.css 448 B

1234567891011121314151617181920212223242526272829
  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="large"] {
  18. width: 32px;
  19. height: 32px;
  20. }
  21. [data-slot="svg"] {
  22. width: 100%;
  23. height: auto;
  24. }
  25. }