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

Texts, paragraphs, fonts and more.

// cssfn:
import { 
// reads/writes css variables configuration:
cssConfig, } from '@cssfn/core'; // writes css in javascript
// reusable-ui configs:
import { 
// configs:
colors, } from '@reusable-ui/colors'; // a color management system
import { 
// configs:
borders, borderRadiuses, } from '@reusable-ui/borders'; // a border (stroke) management system
// configs:
export const [marks, markValues, cssMarkConfig] = cssConfig(() => {
    return {
        // backgrounds:
        backg: colors.warningThin,
        // foregrounds:
        foreg: 'inherit',
        // borders:
        border: borders.default,
        borderRadius: borderRadiuses.sm,
        // spacings:
        paddingInline: '0.2em',
        paddingBlock: '0em',
        // typos:
        fontSize: 'inherit',
        fontFamily: 'inherit',
        fontWeight: 'inherit',
        fontStyle: 'inherit',
        textDecoration: 'inherit',
        lineHeight: 'inherit',
        overflowWrap: 'inherit',
    };
}, { prefix: 'mrk' });
export { marks as default };