// Headings

@mixin u-double-underline {
	text-decoration: underline;
	-webkit-text-decoration-skip: skip;
	text-decoration-skip-ink: auto;
	border-bottom: 1px solid;
}

@mixin u-small-caps {
	font-size: 0.8em; /* scale based on containing text */
	text-transform: uppercase;
}

@mixin u-text-font-smoothing {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@mixin u-word-wrap {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
}

@mixin u-text-interface {
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-font-size-s;
	line-height: $t-a-typography-line-height-base;
}


// This utility media query mixin is used to set the font-size of headings
@mixin u-heading($arg) {
  @if $arg == h1 {
     @include u-h1;
  }
  @if $arg == h2 {
     @include u-h2;
  }
  @if $arg == h3 {
     @include u-h3;
  }
  @if $arg == h4 {
     @include u-h4;
  }
  @if $arg == h5 {
     @include u-h5;
  }
  @if $arg == h6 {
     @include u-h6;
  }
}

@mixin u-h1 {
	font-size: $t-a-typography-heading-level-1-default-font-size;
	font-size: $t-a-typography-heading-level-1-fluid-font-size;
	font-weight: $t-a-typography-heading-font-weight;
	line-height: $t-a-typography-heading-line-height;
}

@mixin u-h2 {
	font-size: $t-a-typography-heading-level-2-default-font-size;
	font-size: $t-a-typography-heading-level-2-fluid-font-size;
	font-weight: $t-a-typography-heading-font-weight;
	line-height: $t-a-typography-heading-line-height;
}

@mixin u-h3 {
	font-size: $t-a-typography-heading-level-3-default-font-size;
	font-size: $t-a-typography-heading-level-3-fluid-font-size;
	font-weight: $t-a-typography-heading-font-weight;
	line-height: $t-a-typography-heading-line-height;
}

@mixin u-h4 {
	font-size: $t-a-typography-heading-level-4-default-font-size;
	line-height: $t-a-typography-heading-line-height;
	font-weight: $t-a-typography-heading-font-weight;
}

@mixin u-h5 {
	font-size: $t-a-typography-heading-level-5-default-font-size;
	font-weight: $t-a-typography-heading-font-weight;
	line-height: $t-a-typography-heading-line-height;
}

@mixin u-h6 {
	font-size: $t-a-typography-heading-level-6-default-font-size;
	font-weight: $t-a-typography-heading-font-weight;
	line-height: $t-a-typography-heading-line-height;
}


@mixin u-text-xxs() {
	font-size: $t-a-typography-font-size-xxs;
}

@mixin u-text-xs() {
	font-size: $t-a-typography-font-size-xs;
}

@mixin u-text-s() {
	font-size: $t-a-typography-font-size-s;
}

@mixin u-text-default() {
	font-size: $t-a-typography-font-size-default;
}

@mixin u-text-md() {
	font-size: $t-a-typography-font-size-md;
}

@mixin u-text-l() {
	font-size: $t-a-typography-font-size-l;
}

@mixin u-text-xl() {
	font-size: $t-a-typography-font-size-xl;
}

@mixin u-text-xxl() {
	font-size: $t-a-typography-font-size-xxl;
}

@mixin u-text-hl() {
	font-size: $t-a-typography-font-size-hl;
}

@mixin u-text-hxl() {
	font-size: $t-a-typography-font-size-hxl;
}

@mixin u-meta-large() {
	font-weight: $t-a-typography-font-weight-normal;
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-heading-level-3-fluid-font-size;
}

@mixin u-meta-medium() {
	font-weight: $t-a-typography-font-weight-normal;
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-font-size-default;
}

@mixin u-meta-small() {
	@include u-text-xs();
	font-weight: $t-a-typography-font-weight-normal;
	font-family: $t-a-typography-font-family-default;
}
