vue-cssgen/rules/fontWeights.js

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

const fontWeightValues = {
  'normal': '400',
  'medium': '500',
  'bold': '700',
  'black': '900',
};

export default [
  {
    match: /^(fw|font)-(normal|medium|bold|black)$/,
    css: cls => {
      const val = fontWeightValues[cls.match(/^(fw|font)-(normal|medium|bold|black)$/)[2]];
      return val ? `.${cls} { font-weight: ${val}; }` : null;
    },
    group: 'font',
    desc: 'font-weight',
    modifiable: true,
    examples: ['fw-normal', 'fw-bold', 'fw-black'],
    values: fontWeightValues,
    prefix: 'fw-'
  },
];