ESLint Plugin Gesso

Installation

yarn add --dev @acromedia/eslint-plugin-gesso

Note: you must already have setup authentication with the @acromedia gitlab npm registry

Setup

Add the following to your .eslintrc

{
  "plugins": [
    "gesso"
  ],
  "overrides": [
    {
      "files": ["**/*.css.js"],
      "rules": {
        "@acromedia/gesso/use-tokens": "error"
      }
    }
  ]
}

Current Rules

The following CSS properties are checked

Properties
color
backgroundColor
background
border
borderLeft
borderRight
borderTop
borderBottom
borderColor
borderWidth
borderRadius
font
fontFamily
fontSize
fontWeight
lineHeight
letterSpacing
transition
boxShadow
opacity
zIndex