@patreon/studio/module/utilities/embedded-styles/EmbeddedStyles.module.css

Patreon Studio Design System

.embeddedBodyBoldText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-body-fontWeights-bold);
  font-size: var(--type-body-fontSizes-md);
  font-family: var(--type-body-fontStack);
  letter-spacing: var(--type-body-letterSpacing);
  line-height: var(--type-body-lineHeight);
}

.embeddedBodyBoldText em {
  font-style: italic;
}

.embeddedBodyBoldText s {
  text-decoration: line-through;
}

.embeddedBodyLightText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-body-fontWeights-normal);
}

.embeddedBodyLightText strong,.embeddedBodyLightText b {
  font-weight: var(--type-body-fontWeights-bold);
}

.embeddedDisplayText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-display-fontWeights-medium);
  font-size: var(--type-display-fontSizes-md);
  font-family: var(--type-display-fontStack);
  letter-spacing: var(--type-display-letterSpacing);
  line-height: var(--type-display-lineHeight);
}

.embeddedDisplayText em {
  font-style: italic;
}

.embeddedDisplayText s {
  text-decoration: line-through;
}

.embeddedDisplayLightText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-display-fontWeights-light);
}

.embeddedHeadingText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-heading-fontWeights-medium);
  font-size: var(--type-heading-fontSizes-md);
  font-family: var(--type-heading-fontStack);
  letter-spacing: var(--type-heading-letterSpacing);
  line-height: var(--type-heading-lineHeight);
}

.embeddedHeadingText em {
  font-style: italic;
}

.embeddedHeadingText s {
  text-decoration: line-through;
}

.embeddedDataBodyText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-dataBody-fontWeights-bold);
  font-size: var(--type-dataBody-fontSizes-md);
  font-family: var(--type-dataBody-fontStack);
  font-variant-numeric: lining-nums tabular-nums;
  font-variation-settings: var(--type-dataBody-fontWidth);
  letter-spacing: var(--type-dataBody-letterSpacing);
  line-height: var(--type-dataBody-lineHeight);
}

.embeddedDataBodyText em {
  font-style: italic;
}

.embeddedDataBodyText s {
  text-decoration: line-through;
}

.embeddedDataDisplayText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-dataDisplay-fontWeights-medium);
  font-size: var(--type-dataDisplay-fontSizes-md);
  font-family: var(--type-dataDisplay-fontStack);
  font-variant-numeric: lining-nums tabular-nums;
  font-variation-settings: var(--type-dataDisplay-fontWidth);
  letter-spacing: var(--type-dataDisplay-letterSpacing);
  line-height: var(--type-dataDisplay-lineHeight);
}

.embeddedDataDisplayText em {
  font-style: italic;
}

.embeddedDataDisplayText s {
  text-decoration: line-through;
}

.embeddedDataHeadingText {
  /* stylelint-disable-next-line at-rule-no-unknown */
  font-weight: var(--type-dataHeading-fontWeights-medium);
  font-size: var(--type-dataHeading-fontSizes-md);
  font-family: var(--type-dataHeading-fontStack);
  font-variant-numeric: lining-nums tabular-nums;
  font-variation-settings: var(--type-dataHeading-fontWidth);
  letter-spacing: var(--type-dataHeading-letterSpacing);
  line-height: var(--type-dataHeading-lineHeight);
}

.embeddedDataHeadingText em {
  font-style: italic;
}

.embeddedDataHeadingText s {
  text-decoration: line-through;
}