@reusable-ui/typos/dist/configs/displays.js

Texts, paragraphs, fonts and more.

// cssfn:
import { 
// reads/writes css variables configuration:
cssConfig, } from '@cssfn/core'; // writes css in javascript
// internals:
import { 
// configs:
typos, } from './typos.js';
import { 
// configs:
headings as heads, } from './headings.js';
// configs:
export const [displays, displayValues, cssDisplayConfig] = cssConfig(() => {
    return {
        // appearances:
        subOpacity: heads.subOpacity,
        // foregrounds:
        foreg: heads.foreg,
        // spacings:
        marginInlineStart: heads.marginInlineStart,
        marginInlineEnd: heads.marginInlineEnd,
        marginBlockStart: heads.marginBlockStart,
        marginBlockEnd: heads.marginBlockEnd,
        // typos:
        fontSize: 'unset',
        fontSize1: [['calc(', 5.0, '*', typos.fontSize, ')']],
        fontSize2: [['calc(', 4.5, '*', typos.fontSize, ')']],
        fontSize3: [['calc(', 4.0, '*', typos.fontSize, ')']],
        fontSize4: [['calc(', 3.5, '*', typos.fontSize, ')']],
        fontSize5: [['calc(', 3.0, '*', typos.fontSize, ')']],
        fontSize6: [['calc(', 2.5, '*', typos.fontSize, ')']],
        fontFamily: heads.fontFamily,
        fontWeight: 300,
        fontStyle: heads.fontStyle,
        textDecoration: heads.textDecoration,
        lineHeight: heads.lineHeight,
    };
}, { prefix: 'd' });
export { displays as default };