@reusable-ui/typos/dist/configs/codes.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
// internals:
import { 
// configs:
typos, } from './typos.js';
// configs:
export const [codes, codeValues, cssCodeConfig] = cssConfig(() => {
    return {
        // backgrounds:
        backg: 'none',
        // foregrounds:
        foreg: colors.pink,
        // borders:
        border: borders.none,
        borderRadius: borderRadiuses.none,
        // spacings:
        paddingInline: '0em',
        paddingBlock: '0em',
        // typos:
        fontSize: [[
                'calc((', typos.fontSizeSm, '+', typos.fontSizeMd, ')/2)'
            ]],
        fontFamily: typos.fontFamilyMonospace,
        fontWeight: typos.fontWeightNormal,
        fontStyle: 'normal',
        textDecoration: 'none',
        lineHeight: 'inherit',
        overflowWrap: 'inherit',
    };
}, { prefix: 'code' });
export { codes as default };