Find the extension on VSCode by searching 'CSS to HTML Class Finder' or install it here.
Open the command palette using Ctrl + Shift + P or Cmd + Shift + P and pick from one of the 3 commands detailed below.
- 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.
Transfer.Selected.Classes.mp4
Note
This command does not check whether classes are already present in the selected CSS file so duplicated may occur
- 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.
Automatically.Suggest.Classes.mp4
- 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.
Automatically.Transfer.Classes.mp4
None yet :)
Tip
Please report any issues you find!
Initial release of CSS to HTML Class Finder! Features and commands detailed above.