@patreon/studio/styles/classNameForBodyText/BodyTextBundle.module.css

Patreon Studio Design System

.shared {
  font-family: type-token("body.fontStack");
  letter-spacing: type-token("body.letterSpacing");
  line-height: type-token("body.lineHeight");

  em {
    font-style: italic;
  }

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

.weightNormal {
  font-weight: type-token("body.fontWeights.normal");

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

.weightBold {
  font-weight: type-token("body.fontWeights.bold");
}

@responsive {
  .sizeXs {
    font-size: type-token("body.fontSizes.xs");
  }

  .sizeSm {
    font-size: type-token("body.fontSizes.sm");
  }

  .sizeMd {
    font-size: type-token("body.fontSizes.md");
  }

  .sizeLg {
    font-size: type-token("body.fontSizes.lg");
  }
}