$icon-dimensions ?= 1.5rem
$icon-dimensions-small ?= 1rem
$icon-dimensions-medium ?= 2rem
$icon-dimensions-large ?= 3rem

.icon
  align-items center
  display inline-flex
  justify-content center
  height $icon-dimensions
  width $icon-dimensions
  .{$icon-selector}
    font-size 21px
  // Sizes
  &.is-small
    height $icon-dimensions-small
    width $icon-dimensions-small
    .{$icon-selector}
      font-size 14px
  &.is-medium
    height $icon-dimensions-medium
    width $icon-dimensions-medium
    .{$icon-selector}
      font-size 28px
  &.is-large
    height $icon-dimensions-large
    width $icon-dimensions-large
    .{$icon-selector}
      font-size 42px