@import "variables";
@import "../../assets/scss/smart-grid";

@mixin titleOne {
  font-size: $titleOneSize;
  line-height: $titleOneLine;
  @include verySmall-block {
    font-size: $titleOneSize-mobile;
    line-height: $titleOneLine-mobile;
  }
}

@mixin titleTwo {
  font-size: $titleTwoSize;
  line-height: $titleTwoLine;
  @include verySmall-block {
    font-size: $titleTwoSize-mobile;
    line-height: $titleTwoLine-mobile;
  }
}

@mixin titleThree {
  font-size: $titleThreeSize;
  line-height: $titleThreeLine;
  @include verySmall-block {
    font-size: $titleThreeSize-mobile;
    line-height: $titleThreeLine-mobile;
  }
}

@mixin titleFour {
  font-size: $titleFourSize;
  line-height: $titleFourLine;
  @include verySmall-block {
    font-size: $titleFourSize-mobile;
    line-height: $titleFourLine-mobile;
  }
}

@mixin headline {
  font-size: $headlineSize;
  line-height: $headlineLine;
  @include verySmall-block {
    font-size: $headlineSize-mobile;
    line-height: $headlineLine-mobile;
  }
}

@mixin text {
  font-size: $textSize;
  line-height: $textLine;
  @include verySmall-block {
    font-size: $textSize-mobile;
    line-height: $textLine-mobile;
  }
}

@mixin captionOne {
  font-size: $captionOneSize;
  line-height: $captionOneLine;
  @include verySmall-block {
    font-size: $captionOneSize-mobile;
    line-height: $captionOneLine-mobile;
  }
}

@mixin captionTwo {
  font-size: $captionTwoSize;
  line-height: $captionTwoLine;
  @include verySmall-block {
    font-size: $captionOneSize-mobile;
    line-height: $captionOneLine-mobile;
  }
}

@mixin captionThree {
  font-size: $captionThreeSize;
  line-height: $captionThreeLine;
  @include verySmall-block {
    font-size: $captionOneSize-mobile;
    line-height: $captionOneLine-mobile;
  }
}