$icon-dimensions: 1.5rem !default $icon-dimensions-small: 1rem !default $icon-dimensions-medium: 2rem !default $icon-dimensions-large: 3rem !default

.icon

align-items: center
display: inline-flex
justify-content: center
height: $icon-dimensions
width: $icon-dimensions
// Sizes
&.is-small
  height: $icon-dimensions-small
  width: $icon-dimensions-small
&.is-medium
  height: $icon-dimensions-medium
  width: $icon-dimensions-medium
&.is-large
  height: $icon-dimensions-large
  width: $icon-dimensions-large