icon.sass 540 B

123456789101112131415161718192021
  1. $icon-dimensions: 1.5rem !default
  2. $icon-dimensions-small: 1rem !default
  3. $icon-dimensions-medium: 2rem !default
  4. $icon-dimensions-large: 3rem !default
  5. .icon
  6. align-items: center
  7. display: inline-flex
  8. justify-content: center
  9. height: $icon-dimensions
  10. width: $icon-dimensions
  11. // Sizes
  12. &.is-small
  13. height: $icon-dimensions-small
  14. width: $icon-dimensions-small
  15. &.is-medium
  16. height: $icon-dimensions-medium
  17. width: $icon-dimensions-medium
  18. &.is-large
  19. height: $icon-dimensions-large
  20. width: $icon-dimensions-large