/* ==========================================================================
 * Heading - Mixins
 * ========================================================================== */

@define-mixin mds-m-heading {
  color: var(--mds-t-text-color--primary);
  display: block;
  overflow-wrap: break-word;
  word-break: break-word;
}

@define-mixin mds-m-heading--size-xxxl {
  @mixin mds-m-heading;

  font-size: var(--mds-d-font-size--xxxl);
  font-weight: var(--mds-d-font-weight--bold);
  line-height: var(--mds-d-line-height--xxxl);
}

@define-mixin mds-m-heading--size-xxl {
  @mixin mds-m-heading;

  font-size: var(--mds-d-font-size--xxl);
  font-weight: var(--mds-d-font-weight--bold);
  line-height: var(--mds-d-line-height--xxl);
}

@define-mixin mds-m-heading--size-xl {
  @mixin mds-m-heading;

  font-size: var(--mds-d-font-size--xl);
  font-weight: var(--mds-d-font-weight--bold);
  line-height: var(--mds-d-line-height--xl);
}

@define-mixin mds-m-heading--size-lg {
  @mixin mds-m-heading;

  font-size: var(--mds-d-font-size--lg);
  font-weight: var(--mds-d-font-weight--semibold);
  line-height: var(--mds-d-line-height--lg);
}

@define-mixin mds-m-heading--size-med {
  @mixin mds-m-heading;

  font-size: var(--mds-d-font-size--med);
  font-weight: var(--mds-d-font-weight--semibold);
  line-height: var(--mds-d-line-height--med);
}

@define-mixin mds-m-heading--size-sm {
  @mixin mds-m-heading;

  color: var(--mds-t-text-color--tertiary);
  font-size: var(--mds-d-font-size--sm);
  font-weight: var(--mds-d-font-weight--semibold);
  line-height: var(--mds-d-line-height--sm);
  text-transform: uppercase;
}

@define-mixin mds-m-heading--size-xs {
  @mixin mds-m-heading;

  color: var(--mds-t-text-color--tertiary);
  font-size: var(--mds-d-font-size--xs);
  font-weight: var(--mds-d-font-weight--semibold);
  line-height: var(--mds-d-line-height--xs);
  text-transform: uppercase;
}