vue-cssgen/rules/borders.js

Инструмент для автоматизации работы со стилями в Vue 3-проектах

const borderWidths = {
    '0': '0',
    '1': '1px',
    '2': '2px',
    '4': '4px',
};

export default [
    {
        match: /^bd-(\d+)$/,
        css: cls => {
            const val = borderWidths[cls.match(/^bd-(\d+)$/)[1]];
            return val ? `.${cls} { border-width: ${val}; }` : null;
        },
        group: 'border',
        desc: 'border-width',
        modifiable: true,
        examples: ['bd-1', 'bd-2', 'bd-4'],
        values: borderWidths,
        prefix: 'bd-'
    },
];