$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
  .fa
    font-size: 21px
  // Sizes
  &.is-small
    height: $icon-dimensions-small
    width: $icon-dimensions-small
    .fa
      font-size: 14px
  &.is-medium
    height: $icon-dimensions-medium
    width: $icon-dimensions-medium
    .fa
      font-size: 28px
  &.is-large
    height: $icon-dimensions-large
    width: $icon-dimensions-large
    .fa
      font-size: 42px