@nex-ui/react/dist/esm/theme/system/aliases.mjs

🎉 A beautiful, modern, and reliable React component library.

import { defineConfig } from '@nex-ui/system';

const aliases = defineConfig.aliases({
    bg: 'backgroundColor',
    fs: 'fontSize',
    lh: 'lineHeight',
    w: 'width',
    h: 'height',
    // padding
    p: 'padding',
    pt: 'paddingBlockStart',
    pb: 'paddingBlockEnd',
    pl: 'paddingInlineStart',
    pr: 'paddingInlineEnd',
    px: [
        'paddingInlineStart',
        'paddingInlineEnd'
    ],
    py: [
        'paddingBlockStart',
        'paddingBlockEnd'
    ],
    // margin
    m: 'margin',
    mt: 'marginBlockStart',
    mb: 'marginBlockEnd',
    ml: 'marginInlineStart',
    mr: 'marginInlineEnd',
    mx: [
        'marginInlineStart',
        'marginInlineEnd'
    ],
    my: [
        'marginBlockStart',
        'marginBlockEnd'
    ]
});

export { aliases };