vue-cssgen/rules/textAlign.js

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

const textAlignValues = {
    'center': 'center',
    'left': 'left',
    'right': 'right',
};

export default [
    {
        match: /^txt-(center|left|right)$/,
        css: cls => {
            const val = textAlignValues[cls.match(/^txt-(center|left|right)$/)[1]];
            return val ? `.${cls} { text-align: ${val}; }` : null;
        },
        group: 'text',
        desc: 'text-align',
        modifiable: true,
        examples: ['txt-center', 'txt-left', 'txt-right'],
        values: textAlignValues,
        prefix: 'txt-'
    },
];