@terminus/stylelint-config-frontend

stylelint-config-frontend

A collection of SCSS lint rules for Terminus frontend codebases.

Table of Contents

• Installation
• Set up
  • 1. Create the file and extend the base ruleset
  • 2. Add a linting command to package.json

Installation

yarn add stylelint @terminus/stylelint-config-frontend -D

Set up

1. Create the file and extend the base ruleset

Create a stylelint config file at the root level named stylelint.config.js and extend the base ruleset:

module.exports = {
  extends: '@terminus/stylelint-config-frontend',
}

2. Add a linting command to package.json

• The --project flag reference should point to the primary app tsconfig file.
• The --config flag reference should point to the ci tslint file.

{
  "name": "My Project",
  "scripts": {
    "lint:scss": "npx stylelint 'your/path/to/styles/**/*.scss'"
  }
}