stylelint-config-firefoxic

stylelint-config-firefoxic

The shareable config for Stylelint from firefoxic.

Use it as is or as a foundation for your own config.

To see the rules that this config uses, please read the config itself.

Installation

npm i -D stylelint-config-firefoxic

Usage

Set your stylelint config to:

{
	"extends": "stylelint-config-firefoxic"
}

Or specify an absolute path when installing the package globally.

{
	"extends": "/absolute/path/to/stylelint-config-firefoxic"
}

Extending the config

Add a "rules" key to your config, then add your overrides and additions there.

You can turn off rules by setting its value to null. For example:

{
	"extends": "stylelint-config-firefoxic",
	"rules": {
		"selector-not-notation": null
	}
}

Or lower the severity of a rule to a warning using the severity secondary option. For example:

{
	"extends": "stylelint-config-firefoxic",
	"rules": {
		"property-no-vendor-prefix": [
			true,
			{
				"severity": "warning"
			}
		]
	}
}

If your styles syntax is different from CSS, then install the package of the syntax you need, specify it at the beginning of your configuration file and add or override some rules:

{
	"customSyntax": "postcss-scss",
	"extends": "stylelint-config-firefoxic",
	"rules": {
		"at-rule-no-unknown": [
			true,
			{
				"ignoreAtRules": [
					"mixin",
					"include"
				]
			}
		]
	}
}

Usage in VSCode

1. Install stylelint plugin for VSCode
2. Install stylelint:
   • globally — npm i -g stylelint
   • or locally in your project — npm i -D stylelint
3. Inconsistencies with stylelint-config-firefoxic rules will be underlined with a red wavy line.

Useful links

• Changelog
• License
• Stylelint documentation