node_modules/@covalent/core/typography/_all-typography.scss

@import '../chips/chips-theme';
@import '../data-table/data-table-theme';
@import '../dialogs/dialog-theme';
@import '../expansion-panel/expansion-panel-theme';
@import '../json-formatter/json-formatter-theme';
@import '../message/message-theme';
@import '../paging/paging-bar-theme';
@import '../steps/steps-theme';

@function td-typography-config(
  $font-family: '"Roboto", "Helvetica Neue", sans-serif',
  $headline: td-typography-level(24px, 32px, 400),
  $title: td-typography-level(20px, 32px, 500),
  $subheading-2: td-typography-level(16px, 28px, 400),
  $subheading-1: td-typography-level(15px, 24px, 400),
  $body-2: td-typography-level(14px, 24px, 500),
  $body-1: td-typography-level(14px, 20px, 400),
  $caption: td-typography-level(12px, 20px, 400)
) {
  @return (
    font-family: $font-family,
    headline: $headline,
    title: $title,
    subheading-2: $subheading-2,
    subheading-1: $subheading-1,
    body-2: $body-2,
    body-1: $body-1,
    caption: $caption
  );
}

@mixin td-typography($config: null) {
  @if $config == null {
    $config: td-typography-config();
  }

  body {
    font-family: td-font-family($config);
  }
  @include td-chips-typography($config);
  @include td-data-table-typography($config);
  @include td-dialog-typography($config);
  @include td-expansion-panel-typography($config);
  @include td-json-formatter-typography($config);
  @include td-message-typography($config);
  @include td-paging-bar-typography($config);
  @include td-steps-typography($config);
  @include td-layout-typography($config);
}