design-token/z-index

Enforces z-index values to match the zIndex tokens defined in your configuration.

Configuration

{
  "tokens": { "zIndex": { "modal": 1000, "dropdown": 2000 } },
  "rules": { "design-token/z-index": "error" }
}

Examples

Invalid

.layer { z-index: 5; }

const layer = 5;

Valid

.layer { z-index: 1000; }

const layer = 1000;