@ozen-ui/kit/__inner__/cjs/components/Typography/Typography.css

React component library

/* stylelint-disable */
.Typography {
  margin: 0;
  color: var(--color-content-primary);
}
.Typography_noWrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.Typography_display_block {
      display: block;
    }
.Typography_display_inline {
      display: inline;
    }
.Typography_display_inlineBlock {
      display: inline-block;
    }
.Typography_align_left {
      text-align: start;
    }
.Typography_align_right {
      text-align: end;
    }
.Typography_align_center {
      text-align: center;
    }
.Typography_align_initial {
      text-align: initial;
    }
.Typography_align_inherit {
      text-align: inherit;
    }
.Typography_color_primary {
      color: var(--color-content-primary);
    }
.Typography_color_primaryInverse {
      color: var(--color-content-primary-inverse);
    }
.Typography_color_secondary {
      color: var(--color-content-secondary);
    }
.Typography_color_tertiary {
      color: var(--color-content-tertiary);
    }
.Typography_color_disabled {
      color: var(--color-content-disabled);
    }
.Typography_color_ghostDisabled {
      color: var(--color-content-ghost-disabled);
    }
.Typography_color_action {
      color: var(--color-content-action);
    }
.Typography_color_actionHover {
      color: var(--color-content-action-hover);
    }
.Typography_color_actionDark {
      color: var(--color-content-action-dark);
    }
.Typography_color_actionPressed {
      color: var(--color-content-action-pressed);
    }
.Typography_color_actionOn {
      color: var(--color-content-action-on);
    }
.Typography_color_error {
      color: var(--color-content-error);
    }
.Typography_color_errorHover {
      color: var(--color-content-error-hover);
    }
.Typography_color_errorPressed {
      color: var(--color-content-error-pressed);
    }
.Typography_color_errorDark {
      color: var(--color-content-error-dark);
    }
.Typography_color_warning {
      color: var(--color-content-warning);
    }
.Typography_color_warningHover {
      color: var(--color-content-warning-hover);
    }
.Typography_color_warningPressed {
      color: var(--color-content-warning-pressed);
    }
.Typography_color_warningDark {
      color: var(--color-content-warning-dark);
    }
.Typography_color_success {
      color: var(--color-content-success);
    }
.Typography_color_successHover {
      color: var(--color-content-success-hover);
    }
.Typography_color_successPressed {
      color: var(--color-content-success-pressed);
    }
.Typography_color_successDark {
      color: var(--color-content-success-dark);
    }
.Typography_color_info {
      color: var(--color-content-info);
    }
.Typography_color_infoHover {
      color: var(--color-content-info-hover);
    }
.Typography_color_infoPressed {
      color: var(--color-content-info-pressed);
    }
.Typography_color_infoDark {
      color: var(--color-content-info-dark);
    }
.Typography_color_accentPrimary {
      color: var(--color-content-accent-primary);
    }
.Typography_color_accentSecondary {
      color: var(--color-content-accent-secondary);
    }
.Typography_color_accentDisabled {
      color: var(--color-content-accent-disabled);
    }
.Typography_color_inherit {
      color: inherit;
    }
.Typography_variant_heading-4xl {
      font: var(--typography-heading-4xl-font);
      letter-spacing: var(--typography-heading-4xl-letter_spacing, 0);
      text-transform: var(--typography-heading-4xl-text_transform, none);
    }
.Typography_variant_heading-4xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_heading-3xl {
      font: var(--typography-heading-3xl-font);
      letter-spacing: var(--typography-heading-3xl-letter_spacing, 0);
      text-transform: var(--typography-heading-3xl-text_transform, none);
    }
.Typography_variant_heading-3xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_heading-2xl {
      font: var(--typography-heading-2xl-font);
      letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
      text-transform: var(--typography-heading-2xl-text_transform, none);
    }
.Typography_variant_heading-2xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-xl);
      }
.Typography_variant_heading-xl {
      font: var(--typography-heading-xl-font);
      letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
      text-transform: var(--typography-heading-xl-text_transform, none);
    }
.Typography_variant_heading-xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-l);
      }
.Typography_variant_heading-l {
      font: var(--typography-heading-l-font);
      letter-spacing: var(--typography-heading-l-letter_spacing, 0);
      text-transform: var(--typography-heading-l-text_transform, none);
    }
.Typography_variant_heading-l.Typography_defaultMargin {
        margin-block-end: var(--spacing-m);
      }
.Typography_variant_text-4xl {
      font: var(--typography-text-4xl-font);
      letter-spacing: var(--typography-text-4xl-letter_spacing, 0);
      text-transform: var(--typography-text-4xl-text_transform, none);
    }
.Typography_variant_text-4xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_text-4xl_1 {
      font: var(--typography-text-4xl_1-font);
      letter-spacing: var(--typography-text-4xl_1-letter_spacing, 0);
      text-transform: var(--typography-text-4xl_1-text_transform, none);
    }
.Typography_variant_text-4xl_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_text-3xl {
      font: var(--typography-text-3xl-font);
      letter-spacing: var(--typography-text-3xl-letter_spacing, 0);
      text-transform: var(--typography-text-3xl-text_transform, none);
    }
.Typography_variant_text-3xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_text-3xl_1 {
      font: var(--typography-text-3xl_1-font);
      letter-spacing: var(--typography-text-3xl_1-letter_spacing, 0);
      text-transform: var(--typography-text-3xl_1-text_transform, none);
    }
.Typography_variant_text-3xl_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xl);
      }
.Typography_variant_text-2xl {
      font: var(--typography-text-2xl-font);
      letter-spacing: var(--typography-text-2xl-letter_spacing, 0);
      text-transform: var(--typography-text-2xl-text_transform, none);
    }
.Typography_variant_text-2xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-xl);
      }
.Typography_variant_text-2xl_1 {
      font: var(--typography-text-2xl_1-font);
      letter-spacing: var(--typography-text-2xl_1-letter_spacing, 0);
      text-transform: var(--typography-text-2xl_1-text_transform, none);
    }
.Typography_variant_text-2xl_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-xl);
      }
.Typography_variant_text-xl {
      font: var(--typography-text-xl-font);
      letter-spacing: var(--typography-text-xl-letter_spacing, 0);
      text-transform: var(--typography-text-xl-text_transform, none);
    }
.Typography_variant_text-xl.Typography_defaultMargin {
        margin-block-end: var(--spacing-l);
      }
.Typography_variant_text-xl_1 {
      font: var(--typography-text-xl_1-font);
      letter-spacing: var(--typography-text-xl_1-letter_spacing, 0);
      text-transform: var(--typography-text-xl_1-text_transform, none);
    }
.Typography_variant_text-xl_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-l);
      }
.Typography_variant_text-l {
      font: var(--typography-text-l-font);
      letter-spacing: var(--typography-text-l-letter_spacing, 0);
      text-transform: var(--typography-text-l-text_transform, none);
    }
.Typography_variant_text-l.Typography_defaultMargin {
        margin-block-end: var(--spacing-m);
      }
.Typography_variant_text-l_1 {
      font: var(--typography-text-l_1-font);
      letter-spacing: var(--typography-text-l_1-letter_spacing, 0);
      text-transform: var(--typography-text-l_1-text_transform, none);
    }
.Typography_variant_text-l_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-m);
      }
.Typography_variant_text-m {
      font: var(--typography-text-m-font);
      letter-spacing: var(--typography-text-m-letter_spacing, 0);
      text-transform: var(--typography-text-m-text_transform, none);
    }
.Typography_variant_text-m.Typography_defaultMargin {
        margin-block-end: var(--spacing-m);
      }
.Typography_variant_text-m_1 {
      font: var(--typography-text-m_1-font);
      letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
      text-transform: var(--typography-text-m_1-text_transform, none);
    }
.Typography_variant_text-m_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-m);
      }
.Typography_variant_text-s {
      font: var(--typography-text-s-font);
      letter-spacing: var(--typography-text-s-letter_spacing, 0);
      text-transform: var(--typography-text-s-text_transform, none);
    }
.Typography_variant_text-s.Typography_defaultMargin {
        margin-block-end: var(--spacing-xs);
      }
.Typography_variant_text-s_1 {
      font: var(--typography-text-s_1-font);
      letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
      text-transform: var(--typography-text-s_1-text_transform, none);
    }
.Typography_variant_text-s_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-xs);
      }
.Typography_variant_text-xs {
      font: var(--typography-text-xs-font);
      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
      text-transform: var(--typography-text-xs-text_transform, none);
    }
.Typography_variant_text-xs.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xs);
      }
.Typography_variant_text-xs_1 {
      font: var(--typography-text-xs_1-font);
      letter-spacing: var(--typography-text-xs_1-letter_spacing, 0);
      text-transform: var(--typography-text-xs_1-text_transform, none);
    }
.Typography_variant_text-xs_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-2xs);
      }
.Typography_variant_text-2xs {
      font: var(--typography-text-2xs-font);
      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
      text-transform: var(--typography-text-2xs-text_transform, none);
    }
.Typography_variant_text-2xs.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_text-2xs_1 {
      font: var(--typography-text-2xs_1-font);
      letter-spacing: var(--typography-text-2xs_1-letter_spacing, 0);
      text-transform: var(--typography-text-2xs_1-text_transform, none);
    }
.Typography_variant_text-2xs_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_text-3xs {
      font: var(--typography-text-3xs-font);
      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
      text-transform: var(--typography-text-3xs-text_transform, none);
    }
.Typography_variant_text-3xs.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_text-3xs_1 {
      font: var(--typography-text-3xs_1-font);
      letter-spacing: var(--typography-text-3xs_1-letter_spacing, 0);
      text-transform: var(--typography-text-3xs_1-text_transform, none);
    }
.Typography_variant_text-3xs_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_caption-3xs {
      font: var(--typography-caption-3xs-font);
      letter-spacing: var(--typography-caption-3xs-letter_spacing, 0);
      text-transform: var(--typography-caption-3xs-text_transform, none);
    }
.Typography_variant_caption-3xs.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_caption-3xs_1 {
      font: var(--typography-caption-3xs_1-font);
      letter-spacing: var(--typography-caption-3xs_1-letter_spacing, 0);
      text-transform: var(--typography-caption-3xs_1-text_transform, none);
    }
.Typography_variant_caption-3xs_1.Typography_defaultMargin {
        margin-block-end: var(--spacing-3xs);
      }
.Typography_variant_inherit {
      font: inherit;
      letter-spacing: inherit;
      text-transform: inherit;
    }
.Typography_link {
    color: var(--color-content-action);
  }
.Typography_link:hover {
      color: var(--color-content-action-hover);
    }
.Typography_link:active {
      color: var(--color-content-action-dark);
    }