// Utilities :: Typography

@each $type, $values in $types {
  #{$type},
  .u-#{$type} {
    @include fabric-font-size(nth($values, 1));
    font-family: nth($values, 2);
    font-weight: normal;
    text-rendering: optimizeLegibility;
  }
}

@each $face, $value in $typeface {
  .u-fabric-face-#{$face} {
    font-family: $value !important;
    > * {
      font-family: inherit;
    }
  }
}

.u-link {
  display: inline-flex;
  transition: $fabric-global-transition;
  &:link,
  &:visited {
    color: fabric-color('secondary2');
  }
  &:hover,
  &:active {
    color: darken(fabric-color('secondary2'), 15%);
  }

  &--inherit {
    color: inherit !important;
  }
}

.u-typeface-inherit {
  font-family: inherit !important;
}

.u-lineheight-normal {
  line-height: 1;
}