{"id":21623081,"url":"https://github.com/explooosion/stylelint-scss-config","last_synced_at":"2025-03-18T19:27:35.475Z","repository":{"id":66234131,"uuid":"150861755","full_name":"explooosion/stylelint-scss-config","owner":"explooosion","description":"This is a custom config for stylelint with scss.","archived":false,"fork":false,"pushed_at":"2021-06-06T10:14:41.000Z","size":55,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-24T22:11:26.896Z","etag":null,"topics":["example","general","sample","scss","stylelint","stylelint-config","stylelint-order"],"latest_commit_sha":null,"homepage":null,"language":"SCSS","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/explooosion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2018-09-29T12:24:06.000Z","updated_at":"2023-03-08T03:02:36.000Z","dependencies_parsed_at":"2023-02-24T01:01:09.169Z","dependency_job_id":null,"html_url":"https://github.com/explooosion/stylelint-scss-config","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/explooosion%2Fstylelint-scss-config","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/explooosion%2Fstylelint-scss-config/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/explooosion%2Fstylelint-scss-config/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/explooosion%2Fstylelint-scss-config/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/explooosion","download_url":"https://codeload.github.com/explooosion/stylelint-scss-config/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244287918,"owners_count":20428896,"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":["example","general","sample","scss","stylelint","stylelint-config","stylelint-order"],"created_at":"2024-11-25T00:11:35.624Z","updated_at":"2025-03-18T19:27:35.441Z","avatar_url":"https://github.com/explooosion.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# stylelint-scss-config\nThis is the general settings about [stylelint](https://github.com/stylelint/stylelint) for scss.\n\n---\n\nThe rules include [stylelint-order](https://github.com/hudochenkov/stylelint-order/tree/master/rules/order), you can easily to order scss properties by stylelint with `--fix`.\n\n## Run Sample\n\n```bash\ngit clone https://github.com/explooosion/stylelint-scss-config.git\n```\n\n```bash\ncd stylelint-scss-config \u0026\u0026 yarn # or npm install\n```\n\n```bash\nyarn lint # or npm run lint\n```\n\n```bash\nyarn lint:fix # with auto fix\n```\n\n\n## How To Use\n\n### 1. Installation\n\nCheckout the package.json and install the devDependencies.\n\n#### npm \n\n```bash\nnpm install -D stylelint stylelint-config-prettier stylelint-config-sass-guidelines stylelint-config-standard stylelint-order stylelint-scss pre-commit\n```\n\n#### yarn\n\n```bash\nyarn add -D stylelint stylelint-config-prettier stylelint-config-sass-guidelines stylelint-config-standard stylelint-order stylelint-scss pre-commit\n```\n\n### 2. Add Scripts and Precommit\n\nPlease add the following script to package.json.\n\n```json\n{\n \"scripts\": {\n    \"lint\": \"stylelint app/scss/**/**/**/*.scss --syntax scss\",\n    \"lint:fix\": \"stylelint app/scss/**/**/**/*.scss --syntax scss --fix\"\n  },\n  \"pre-commit\": [\n    \"lint\"\n  ],\n}\n```\n\n### 3. Add .stylelintrc.json\n\nCopy `.stylelintrc.json` into project root directory.\n\n### 4. Install extensions\n\nIf your IDE is [vscode](https://code.visualstudio.com/), please install the following extensions:\n\n- [stylelint](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint)\n- [vscode-stylefmt](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-stylefmt)\n- [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)\n\n### 5. Start Lint\n\nNow you can check your scss with the following command:\n\n```bash\nyarn lint\n```\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexplooosion%2Fstylelint-scss-config","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fexplooosion%2Fstylelint-scss-config","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexplooosion%2Fstylelint-scss-config/lists"}