@import "../style/colors.scss";
@import "../style/typography.scss";

.la-text {
  display: inline;
  &.la-text--display {
    @extend %LaTypeFaceDisplay;
  }
  &.la-text--title-1 {
    @extend %LaTypeFaceTitle-1;
  }
  &.la-text--title-2 {
    @extend %LaTypeFaceTitle-2;
  }
  &.la-text--title-3 {
    @extend %LaTypeFaceTitle-3;
  }
  &.la-text--title-4 {
    @extend %LaTypeFaceTitle-4;
  }
  &.la-text--caption {
    @extend %LaTypeFaceCaption;
  }
  &.la-text--button {
    @extend %LaTypeFaceButton;
  }
}