Qualtrics StyleLint config

stylelint-config-qualtrics

These are settings for StyleLint used by Qualtrics.

What it does

This setup lints your CSS files.

Extends stylelint-config-standard.

Feel free to override the rules that make sense for you.

Installing

npm i -D stylelint stylelint-config-qualtrics
# or
yarn add -D stylelint stylelint-config-qualtrics

Usage

If you've installed stylelint-config-qualtrics locally within your project, just set your stylelint config (such as the .stylelintrc.js file) to:

module.exports = {
  extends: "stylelint-config-qualtrics",
};

Extending the config

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

For example, to change the at-rule-no-unknown rule to use its ignoreAtRules option, change the indentation to tabs, turn off the number-leading-zero rule,and add the unit-allowed-list rule:

module.exports = {
  extends: "stylelint-config-qualtrics",
  rules: {
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: ["extends", "ignores"],
      },
    ],
    indentation: "tab",
    "number-leading-zero": null,
    "unit-allowed-list": ["em", "rem", "s"],
  },
};