stylelint-config

@lmc-eu/stylelint-config

LMC’s config for Stylelint

Usage

# Yarn:
yarn add --dev @lmc-eu/stylelint-config stylelint-config-prettier

# npm:
npm install --save-dev @lmc-eu/stylelint-config stylelint-config-prettier

We assume you are using Prettier. That’s why we also recommend adding stylelint-config-prettier above.

Configuration extends community maintained config stylelint-config-standard-scss.

This config:

• Extends the stylelint-config-recommended shared config and configures its rules for SCSS;
• extends the stylelint-config-recommended-scss shared config and configures its rules for SCSS;
• extends the stylelint-config-standard shared config and configures its rules.

Configuration

@lmc-eu/stylelint-config

Use this ruleset to configure Stylelint to work with your code.

Recommended Stylelint Configuration

// .stylelintrc.js

'use strict';

module.exports = {
  extends: ['@lmc-eu/stylelint-config', 'stylelint-config-prettier'],
};

.stylelintrc or .stylelintrc.json

{
  "extends": ["@lmc-eu/stylelint-config", "stylelint-config-prettier"]
}

package.json

{
  "stylelint": {
    "extends": ["@lmc-eu/stylelint-config", "stylelint-config-prettier"]
  }
}

---

Legacy Configurations

Use this config to keep less strict ruleset that consists from the original one up to version 4.0.1:

@lmc-eu/stylelint-config/legacy

or its extended version with rules for properties order (formerly known as optional until 4.0.1):

@lmc-eu/stylelint-config/legacy-with-properties-order

Recommended Legacy Stylelint Configuration

// .stylelintrc.js

'use strict';

module.exports = {
  extends: ['@lmc-eu/stylelint-config/legacy', 'stylelint-config-prettier'],
};

.stylelintrc or .stylelintrc.json

{
  "extends": ["@lmc-eu/stylelint-config/legacy", "stylelint-config-prettier"]
}

package.json

{
  "stylelint": {
    "extends": ["@lmc-eu/stylelint-config/legacy", "stylelint-config-prettier"]
  }
}

Extended Legacy Configuration With Properties Order Ruleset

// .stylelintrc.js

'use strict';

module.exports = {
  extends: ['@lmc-eu/stylelint-config/legacy-with-properties-order', 'stylelint-config-prettier'],
};

.stylelintrc or .stylelintrc.json

{
  "extends": ["@lmc-eu/stylelint-config/legacy-with-properties-order", "stylelint-config-prettier"]
}

package.json

{
  "stylelint": {
    "extends": ["@lmc-eu/stylelint-config/legacy-with-properties-order", "stylelint-config-prettier"]
  }
}