{"id":49575174,"url":"https://github.com/rollecode/vscode-stylefmt","last_synced_at":"2026-05-03T16:10:57.179Z","repository":{"id":145571118,"uuid":"305355647","full_name":"rollecode/vscode-stylefmt","owner":"rollecode","description":"🔌 VS Code plugin for stylefmt— Format your CSS using stylefmt.","archived":false,"fork":false,"pushed_at":"2025-11-29T13:11:31.000Z","size":469,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-02T13:33:35.315Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/rollecode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"ko_fi":"ronilaukkarinen","custom":["https://www.buymeacoffee.com/ronilaukkarinen","https://www.paypal.me/ronilaukkarinen"]}},"created_at":"2020-10-19T11:05:34.000Z","updated_at":"2025-11-29T13:11:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"7c0c18df-9cea-4139-832d-1b57f26c56ec","html_url":"https://github.com/rollecode/vscode-stylefmt","commit_stats":null,"previous_names":["rollecode/vscode-stylefmt"],"tags_count":44,"template":false,"template_full_name":null,"purl":"pkg:github/rollecode/vscode-stylefmt","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-stylefmt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-stylefmt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-stylefmt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-stylefmt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rollecode","download_url":"https://codeload.github.com/rollecode/vscode-stylefmt/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-stylefmt/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575392,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2026-05-03T16:10:56.403Z","updated_at":"2026-05-03T16:10:57.161Z","avatar_url":"https://github.com/rollecode.png","language":"TypeScript","funding_links":["https://ko-fi.com/ronilaukkarinen","https://www.buymeacoffee.com/ronilaukkarinen","https://www.paypal.me/ronilaukkarinen","https://paypal.me/ronilaukkarinen?locale.x=en_US"],"categories":[],"sub_categories":[],"readme":"# vscode-stylefmt\n\n[![Build Status](https://img.shields.io/badge/visual%20studio-marketplace-green.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ronilaukkarinen.vscode-stylefmt) [![GitHub release](https://img.shields.io/github/release/ronilaukkarinen/vscode-stylefmt.svg?style=flat-square)](https://github.com/ronilaukkarinen/vscode-stylefmt/releases)\n\n\u003e [stylefmt](https://github.com/morishitter/stylefmt) is a tool that automatically formats your stylesheets.\n\n🍴 This is a WIP fork from [mrmlnc/vscode-stylefmt](https://github.com/mrmlnc/vscode-stylefmt) which is currently obsolete. \u003cs\u003eThis version is in daily use and kept up to date.\u003c/s\u003e [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) and [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) together are the standard these days. I recommend checking them out.\n\n[![Screen cap](https://i.imgur.com/h5vFQPP.gif)](https://i.imgur.com/h5vFQPP.gif)\n\n## 🖌 Advantages over prettier/stylelint - why use stylefmt?\n\nWhile you should definitely use [stylelint](https://stylelint.io/) for linting CSS/SCSS, its `\"source.fixAll.stylelint\": true` can't really fix all. This plugin will fix the rest, indentations and positions etc. Trust me, you want these both.\n\nWhat about Prettier? Well, it forces styles to a certain format and it doesn't give you much options. It's tricky especially with SCSS mixins and map-gets where it may even break the formatting completely by forcibly lining them up into a single line.\n\nThe official [stylefmt](https://github.com/morishitter/stylefmt) package has not been updated since on 18 Oct 2018. However, there are still users who like to format their styles automatically and controlled with stylefmt so that's why this plugin relies on a forked npm package, [@ronilaukkarinen/stylefmt](https://github.com/ronilaukkarinen/stylefmt). The main goal is to keep this project **active and alive**.\n\nThe best thing in stylefmt is that it supports [stylelint](https://stylelint.io/) out-of-the-box without being too restrictive.\n\n**So, in short:** Practically this extension removes extra empty lines and indents the code to match the current indentation level. It does it a bit more efficiently than stylelint itself.\n\n## Top contributors\n\nThis plugin is constantly kept up to date by the following persons and a bunch of [awesome contributors](https://github.com/ronilaukkarinen/vscode-stylefmt/graphs/contributors). Wanna join in development? Let us know!\n\n| [![Roni Laukkarinen](https://avatars3.githubusercontent.com/u/1534150?v=4\u0026s=70)](https://github.com/ronilaukkarinen) |\n| --- |\n| [Roni Laukkarinen](https://github.com/ronilaukkarinen) |\n\n## Donation\n\nDo you like this project? Support it by donating, creating an issue or pull request.\n\n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/ronilaukkarinen?locale.x=en_US)\n\n## Install\n\n  * Press \u003ckbd\u003eF1\u003c/kbd\u003e and `select Extensions: Install Extensions`.\n  * Search for and select `stylefmt`.\n\nSee the [extension installation guide](https://code.visualstudio.com/docs/editor/extension-gallery) for details.\n\n## Usage\n\n  * You can use global keyboard shortcut \u003ckbd\u003eALT+SHIFT+F\u003c/kbd\u003e or right-click context menu `Format code`.\n  * Or press \u003ckbd\u003eF1\u003c/kbd\u003e and run the command named `stylefmt: Format CSS`.\n\nTo automatically format on save, run \u003ckbd\u003eCmd+Shift+P\u003c/kbd\u003e (or \u003ckbd\u003eCTRL+Shift+P\u003c/kbd\u003e on Windows systems) and select `Preferences: Open Settings (JSON)` and add this to your settings.json file:\n\n``` json\n\"[scss]\": {\n    \"editor.defaultFormatter\": \"ronilaukkarinen.vscode-stylefmt\",\n    \"editor.formatOnSave\": true\n  },\n  ```\n\n## Supported languages\n\n  * CSS\n  * PostCSS\n  * Less\n  * SCSS\n  * SugarSS\n\n## Supported settings\n\n**configBasedir**\n\n  * Type: `string`\n  * Default: `null`\n\nBase working directory; useful for stylelint `extends` parameter.\n\n**config**\n\n  * Type: `object || string`\n  * Default: `null`\n\nConfig object for stylelint or path to a stylelint config file.\n\n*Will automatically look for `.stylelintrc` and `stylelint.config.js` in workspace root, or a `stylelint` param in the `package.json`, if config is omitted.*\n\n\u003e **Warning!**\n\u003e\n\u003e If you want to specify a file in the current directory, the path must begin with a `./` or `../` if relative to the current directory. Also you can use HOME directory as `~` symbol.\n\n**useStylelintConfigOverrides**\n\n  * Type: `boolean`\n  * Default: `false`\n\nOverrides rules using Stylelint plugin settings.\n\n**showErrorMessages**\n\n  * Type: `boolean`\n  * Default: `true`\n\nShow error messages or not. Will be automatically set to false if `editor.formatOnSave` is enabled.\n\n## Keyboard shortcuts\n\nFor changes keyboard shortcuts, create a new rule in `File -\u003e Preferences -\u003e Keyboard Shortcuts`:\n\n```json\n{\n  \"key\": \"ctrl+shift+c\",\n  \"command\": \"stylefmt.execute\"\n}\n```\n\n## Custom configuration\n\nRead about the [stylelint rules](https://github.com/morishitter/stylefmt#stylelint-rules-that-stylefmt-can-handle) and [default rules](https://github.com/morishitter/stylefmt#default-formatting-rules-without-stylelint-config-file) in stylefmt repository.\n\n## Changelog\n\nSee the [Releases section of our GitHub project](https://github.com/ronilaukkarinen/vscode-stylefmt/releases) for changelogs for each release version.\n\n## License\n\nThis software is released under the terms of the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fvscode-stylefmt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frollecode%2Fvscode-stylefmt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fvscode-stylefmt/lists"}