{"id":21192983,"url":"https://github.com/cloudfour/stylelint-config-cloudfour-suit","last_synced_at":"2025-07-30T01:11:45.425Z","repository":{"id":34158914,"uuid":"170776323","full_name":"cloudfour/stylelint-config-cloudfour-suit","owner":"cloudfour","description":"Cloud Four's shareable config + SUIT naming","archived":false,"fork":false,"pushed_at":"2025-07-05T00:52:59.000Z","size":2747,"stargazers_count":4,"open_issues_count":4,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-07-05T01:37:53.348Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloudfour.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-02-15T00:13:54.000Z","updated_at":"2025-07-05T00:52:28.000Z","dependencies_parsed_at":"2023-10-01T19:00:13.122Z","dependency_job_id":"ab0d8877-c6d5-4d0e-bc10-0379f543d43d","html_url":"https://github.com/cloudfour/stylelint-config-cloudfour-suit","commit_stats":{"total_commits":327,"total_committers":6,"mean_commits":54.5,"dds":"0.33639143730886845","last_synced_commit":"85928bce8e819b137442bffe45e0b7be16187190"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/cloudfour/stylelint-config-cloudfour-suit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudfour%2Fstylelint-config-cloudfour-suit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudfour%2Fstylelint-config-cloudfour-suit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudfour%2Fstylelint-config-cloudfour-suit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudfour%2Fstylelint-config-cloudfour-suit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudfour","download_url":"https://codeload.github.com/cloudfour/stylelint-config-cloudfour-suit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudfour%2Fstylelint-config-cloudfour-suit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263645061,"owners_count":23493979,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-20T19:12:19.741Z","updated_at":"2025-07-10T03:31:56.710Z","avatar_url":"https://github.com/cloudfour.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# stylelint-config-cloudfour-suit\n\n[![NPM version](http://img.shields.io/npm/v/stylelint-config-cloudfour-suit.svg)](https://www.npmjs.org/package/stylelint-config-cloudfour-suit) [![Build Status](https://github.com/cloudfour/stylelint-config-cloudfour-suit/workflows/CI/badge.svg)](https://github.com/cloudfour/stylelint-config-cloudfour-suit/actions?query=workflow%3ACI) [![Renovate](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com)\n\n\u003e A sharable stylelint config object that enforces [Cloud Four's CSS Standards](https://github.com/cloudfour/guides/tree/main/css) \u0026 [SUIT naming convention](https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md)\n\n## Installation\n\nInstall [stylelint](https://stylelint.io/) and `stylelint-config-cloudfour-suit`:\n\n```\nnpm install stylelint stylelint-config-cloudfour-suit --save-dev\n```\n\n## Usage\n\nIf you've installed `stylelint-config-cloudfour-suit` locally within your project, just set your `stylelint` config to:\n\n```js\n{\n  \"extends\": \"stylelint-config-cloudfour-suit\"\n}\n```\n\nYou'll probably also want to add a script to your `package.json` file to make it easier to run Stylelint with this config:\n\n```json\n\"scripts\": {\n  \"lint:css\": \"stylelint '**/*.css'\"\n}\n```\n\n### Using with Prettier\n\nIt's common to [pair Stylelint with Prettier](https://prettier.io/docs/en/integrating-with-linters.html#stylelint). If you're going to use both, you'll want to add [`stylelint-config-prettier`](https://github.com/prettier/stylelint-config-prettier), which is a config that disables any Stylelint rules that conflict with Prettier.\n\n```\nnpm install stylelint-config-prettier --save-dev\n```\n\nThen add it to your Stylelint config. It'll need to be the last item in the `extends` array so it can override other configs.\n\n```js\n{\n  extends: [\"stylelint-config-cloudfour-suit\", \"stylelint-config-prettier\"],\n}\n```\n\nThen you can update your `package.json` script to run Prettier as well as Stylelint:\n\n```json\n\"scripts\": {\n  \"lint:css\": \"prettier --list-different '**/*.css' \u0026\u0026 stylelint '**/*.css'\"\n}\n```\n\n### Extending the config\n\nSimply add a `\"rules\"` key to your config, then add your overrides and additions there.\n\nFor 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-whitelist` rule:\n\n```js\n{\n  \"extends\": \"stylelint-config-cloudfour-suit\",\n  \"rules\": {\n    \"at-rule-no-unknown\": [ true, {\n      \"ignoreAtRules\": [\n        \"extends\",\n        \"ignores\"\n      ]\n    }],\n    \"indentation\": \"tab\",\n    \"number-leading-zero\": null,\n    \"unit-whitelist\": [\"em\", \"rem\", \"s\"]\n  }\n}\n```\n\n## Documentation\n\n### Extends\n\n- [stylelint-config-cloudfour](https://github.com/cloudfour/stylelint-config-cloudfour): A sharable stylelint config object that enforces [Cloud Four's CSS Standards](https://github.com/cloudfour/guides/tree/master/css)\n\n### Plugins\n\n- [stylelint-selector-bem-pattern](https://github.com/simonsmith/stylelint-selector-bem-pattern): Stylelint plugin that enforces SUIT naming convention (despite the name).\n\n### What's the difference between [stylelint-config-cloudfour-suit](https://github.com/cloudfour/stylelint-config-cloudfour-suit) and [stylelint-config-cloudfour](https://github.com/cloudfour/stylelint-config-cloudfour)?\n\n[stylelint-config-cloudfour](https://github.com/cloudfour/stylelint-config-cloudfour) only contains the CSS formatting rules. [stylelint-config-cloudfour-suit](https://github.com/cloudfour/stylelint-config-cloudfour-suit) extends it, and additionally enforces the [SUIT naming convention](https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md). In most cases, you should use [stylelint-config-cloudfour-suit](https://github.com/cloudfour/stylelint-config-cloudfour-suit), but if your project doesn't follow the SUIT naming scheme, then you can use [stylelint-config-cloudfour](https://github.com/cloudfour/stylelint-config-cloudfour) directly.\n\n## [Changelog](CHANGELOG.md)\n\n## [License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudfour%2Fstylelint-config-cloudfour-suit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudfour%2Fstylelint-config-cloudfour-suit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudfour%2Fstylelint-config-cloudfour-suit/lists"}