@import "../../variables";
@import "../../mixins";

.article-title {
  margin: (24px - $breadcrumb-touch-area-expansion) 0 0;

  @include tablet-up {
    margin: (30px - $breadcrumb-touch-area-expansion) 0 0;
  }
}

.article-title__overline {
  display: block;
  margin: 0 0 1px;
  font-family: $font-regular;
  @include fontSize(16);
  line-height: $emphasize-line-height-ratio;
  color: $color-accentuation-red;

  @include tablet-up {
    margin: 0 0 3px;
    @include fontSize(18);
  }
}

.article-title__text {
  display: block;
  margin: 1px 0 13px;

  font-family: $font-medium;
  @include fontSize(32);
  line-height: 40px;
  font-feature-settings: "salt";
  font-weight: normal;
  color: $color-text-default;

  @include tablet-up {
    margin: 3px 0 18px;
    @include fontSize(36);
    line-height: 43px;
  }
}

@import "../../variables";
@import "../../mixins";

.article-title {
  margin: (24px - $breadcrumb-touch-area-expansion) 0 0;

  @include tablet-up {
    margin: (30px - $breadcrumb-touch-area-expansion) 0 0;
  }
}

.article-title__overline {
  display: block;
  margin: 0 0 1px;
  font-family: $font-regular;
  @include fontSize(16);
  line-height: $emphasize-line-height-ratio;
  color: $color-accentuation-red;

  @include tablet-up {
    margin: 0 0 3px;
    @include fontSize(18);
  }
}

.article-title__text {
  display: block;
  margin: 1px 0 13px;

  font-family: $font-medium;
  @include fontSize(32);
  line-height: 1.25;
  font-feature-settings: "salt";
  font-weight: normal;
  color: $color-text-default;

  @include tablet-up {
    margin: 3px 0 18px;
    @include fontSize(36);
    line-height: 1.2;
  }
}

Make line height of article title relative
Make line height of article title relative

SRFCMSAL-2153
