//
// REM TOOLS
//
@mixin font-size-px-to-rem($new-font-size, $give-line-height: false) {
  font-size: ($new-font-size / $font-size) * 1rem;
  @if $give-line-height {
    line-height: ($new-font-size / $font-size) * 1.2rem;
  }
}

//
// ICON
//
@mixin icon-inline-block {
  display: inline-block;
  font-family: $icon-font-family;
  font-style: normal;
  font-weight: $normal-weight;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

//
// REFACTORED TYPOGRAPHY
//
// type-[SIZE]-[WEIGHT]-[STYLE]
@mixin type-x-large-normal-normal {
  font-size: $x-large;
  line-height: $large-line-height;
  font-style: normal;
  font-weight: $normal-weight;
}
@mixin type-x-large-normal-bold {
  font-size: $x-large;
  line-height: $large-line-height;
  font-style: normal;
  font-weight: $bold-weight;
}
@mixin type-huge-normal-semibold {
  font-size: $huge;
  line-height: $huge-line-height;
  font-style: normal;
  font-weight: $semibold-weight;
}
@mixin type-tiny-normal-semibold {
  font-size: $small;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $semibold-weight;
}
@mixin type-small-normal-normal {
  font-size: $small;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $normal-weight;
}
@mixin type-small-normal-semibold {
  font-size: $small;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $semibold-weight;
}
@mixin type-medium-normal-normal {
  font-size: $medium;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $normal-weight;
}
@mixin type-medium-normal-semibold {
  font-size: $medium;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $semibold-weight;
}
@mixin type-medium-small-italic-semibold {
  font-size: $medium-small;
  line-height: $small-line-height;
  font-style: italic;
  font-weight: $semibold-weight;
}
@mixin type-medium-small-normal-normal {
  font-size: $medium-small;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $normal-weight;
}
@mixin type-medium-small-normal-semibold {
  font-size: $medium-small;
  line-height: $small-line-height;
  font-style: normal;
  font-weight: $semibold-weight;
}
@mixin type-small-italic-normal {
  font-size: $small;
  font-style: italic;
}