https://github.com/skyscanner/stylelint-plugin-backpack

Stylelint configuration for Backpack development
https://github.com/skyscanner/stylelint-plugin-backpack

Last synced: 6 months ago
JSON representation

Stylelint configuration for Backpack development

• Host: GitHub
• URL: https://github.com/skyscanner/stylelint-plugin-backpack
• Owner: Skyscanner
• License: apache-2.0
• Created: 2020-06-17T08:25:00.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-04-14T03:41:54.000Z (6 months ago)
• Last Synced: 2025-04-14T04:32:51.476Z (6 months ago)
• Language: JavaScript
• Size: 828 KB
• Stars: 0
• Watchers: 36
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# stylelint-plugin-backpack

[![Build Status](https://github.com/Skyscanner/stylelint-plugin-backpack/workflows/CI/badge.svg?branch=main)](https://github.com/Skyscanner/stylelint-plugin-backpack/actions?query=workflow%3ACI)

[![npm version](https://img.shields.io/npm/v/@skyscanner/stylelint-plugin-backpack.svg)](https://www.npmjs.com/package/@skyscanner/stylelint-plugin-backpack)

Stylelint plugin to prevent magic arbitrary values and promote the use of Backpack tokens.

## Installation

```

npm install @skyscanner/stylelint-plugin-backpack --save-dev

```

## Usage

Add `@skyscanner/stylelint-plugin-backpack` to your stylelint config plugins array,

```

{

  "plugins": ["@skyscanner/stylelint-plugin-backpack"]

}

```

Once you have added the plugin, you will need to add the rules you wish to use to your `rules` config. All rules from `@skyscanner/stylelint-plugin-backpack` need to be namespaced with `backpack`.

Like so:

```js

// .stylelintrc

{

  "rules": {

    "backpack/use-typography-styles": true,

  }

}

```