@fluid-topics/ft-typography/build/ft-typography.css.helper.js

Typography components

import { css, unsafeCSS } from "lit";
import { typographies } from "@fluid-topics/design-system-variables";
export function buildDsTypographyCss(variant) {
    const typographyVariables = typographies[variant];
    return css `
        .ft-typography--${unsafeCSS(variant)} {
            font-family: ${typographyVariables.fontFamily};
            font-size: ${typographyVariables.fontSize};
            font-weight: ${typographyVariables.fontWeight};
            letter-spacing: ${typographyVariables.letterSpacing};
            line-height: ${typographyVariables.lineHeight};
            text-transform: ${typographyVariables.textCase};
        }
    `;
}