Stylelint configuration for LobeHub projects

Features

• Standard stylelint rules
• Property ordering with stylelint-config-clean-order
• Less support
• CSS-in-JS support (styled-components, emotion, etc.)
• Logical properties enforcement

Installation

pnpm add -D @lobehub/stylelint-config stylelint

Usage

Create stylelint.config.js (or .stylelintrc.js) in your project root:

import config from '@lobehub/stylelint-config';

export default config;

Or for CommonJS:

module.exports = require('@lobehub/stylelint-config').default;

Supported File Types

• .css - Standard CSS files
• .less - Less preprocessor files
• .js, .jsx, .ts, .tsx - CSS-in-JS (styled-components, emotion)

Configuration

The config extends:

• stylelint-config-standard
• stylelint-config-recommended
• stylelint-config-clean-order

And includes:

• stylelint-less for Less support
• postcss-styled-syntax for CSS-in-JS
• stylelint-use-logical-spec for logical properties

Extending the Config

import config from '@lobehub/stylelint-config';

export default {
  ...config,
  rules: {
    ...config.rules,
    'color-hex-length': 'long',
  },
};

Requirements

• Node.js >= 18
• Stylelint >= 16.0.0

License

MIT © LobeHub