https://github.com/urbantrout/refactor-css
Helps you identify reoccurring CSS class name combinations in your markup
https://github.com/urbantrout/refactor-css
css refactoring vscode-extension
Last synced: 5 months ago
JSON representation
Helps you identify reoccurring CSS class name combinations in your markup
- Host: GitHub
- URL: https://github.com/urbantrout/refactor-css
- Owner: urbantrout
- Created: 2019-01-15T14:00:59.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T10:33:34.000Z (over 3 years ago)
- Last Synced: 2023-03-03T00:25:46.668Z (over 3 years ago)
- Topics: css, refactoring, vscode-extension
- Language: TypeScript
- Size: 3.3 MB
- Stars: 30
- Watchers: 4
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Refactor CSS
**[Install via VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=urbantrout.refactor-css)**
Helps you identify reoccurring CSS class name combinations in your markup. This is especially useful if you are working with an utility-first CSS framework like [TailwindCSS](https://tailwindcss.com/), [Tachyons](http://tachyons.io/),…
## Features
Class names are highlighted if they have more than 3 unique classes and this combination of classes appears more than 3 times in the current document. These numbers can be changed in the settings.
Hovering over classes highlights all other elements with the same combination of classes.
The order of the class names does not matter.
## Release Notes
See [CHANGELOG](https://github.com/urbantrout/refactor-css/blob/master/CHANGELOG.md).
## Roadmap
- [x] Parse whole workspace, not only current document.
- [ ] Provide text selection of all occurrences for easy refactoring
- [x] Add settings for the user (limits)