CSS Class Finder README
Features
How To Use
Open the command palette using Ctrl + Shift + P or Cmd + Shift + P and pick from one of the 3 commands detailed below.
Commands
Transfer Selected Classes:
- Select text containing at least one class in an HTML file.
- Run the command and select a CSS file to transfer the classes to.
- Your classes will be transferred to the selected file and the CSS file will be open.
https://github.com/user-attachments/assets/05581b0b-4dcf-48f5-a07d-f5c9767b9edf
[!NOTE]
This command does not check whether classes are already present in the selected CSS file so duplicated may occur
Automatically Suggest Classes:
- Open the CSS file you want the classes to be suggested in.
- Run the command and select the HTML file you want the classes to be pulled from.
- Classes will now be suggested in your CSS file and will be refreshed each time your HTML file is saved.
https://github.com/user-attachments/assets/f748bc67-cba4-46d7-be77-3be67c882cb0
Automatically Transfer Classes:
- Open the HTML file you want the classes to be pulled from.
- Run the command and select the CSS file you want the classes to be transferred to.
- Each time you save the HTML file your classes in the CSS file will be updated with no duplicates.
https://github.com/user-attachments/assets/fb7050d9-26ca-4924-9aa1-ab18b4e4359a
Known Issues
None yet :)
[!TIP]
Please report any issues you find!
Release Notes
1.0.0
Initial release of CSS Class Finder! Features and commands detailed above.
| |