Skip to content
Helps you identify reoccurring CSS class name combinations in your markup
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
img
src
.gitattributes
.gitignore
.vscodeignore
CHANGELOG.md
README.md
icon.png
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

Refactor CSS

Install via VS Code Marketplace

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, Tachyons,…

Hovering over CSS classes reveals infos.

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.

Roadmap

  • Parse whole workspace, not only current document.
  • Provide text selection of all occurrences for easy refactoring
  • Add settings for the user (limits)
You can’t perform that action at this time.