@reusable-ui/typos/dist/configs/headings.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';
// configs:
export const [headings, headingValues, cssHeadingConfig] = cssConfig(() => {
    return {
        // appearances:
        subOpacity: 0.8,
        // foregrounds:
        foreg: 'inherit',
        // spacings:
        marginInlineStart: '0em',
        marginInlineEnd: '0em',
        marginBlockStart: '0em',
        marginBlockEnd: '0.75em',
        // typos:
        fontSize: 'unset',
        fontSize1: [['calc(', 2.25, '*', typos.fontSize, ')']],
        fontSize2: [['calc(', 2.00, '*', typos.fontSize, ')']],
        fontSize3: [['calc(', 1.75, '*', typos.fontSize, ')']],
        fontSize4: [['calc(', 1.50, '*', typos.fontSize, ')']],
        fontSize5: [['calc(', 1.25, '*', typos.fontSize, ')']],
        fontSize6: [['calc(', 1.00, '*', typos.fontSize, ')']],
        fontFamily: 'inherit',
        fontWeight: typos.fontWeightSemibold,
        fontStyle: 'inherit',
        textDecoration: 'inherit',
        lineHeight: 1.25,
    };
}, { prefix: 'h' });
export { headings as default };