ClassyToggle is a simple and intuitive IntelliJ plugin designed to help developers quickly toggle, expand, collapse, and delete CSS classes in common front-end files in a more organized and efficient manner. This plugin supports JetBrains IDEs, such as PhpStorm, IntelliJ IDEA, WebStorm, and others.
- Toggle CSS classes in common front-end files using the
Alt+N
shortcut or by right-clicking and selecting "Class Toggle" in the context menu - Expand, collapse, and delete all CSS classes using the context menu
Direct link: https://www.youtube-nocookie.com/embed/SxvMGnmOTsE
- Download the latest release of the ClassyToggle plugin here.
- Open your JetBrains IDE (e.g., PhpStorm, IntelliJ IDEA, or WebStorm).
- Go to
Settings
>Plugins
. - Click the gear icon and choose
Install Plugin from Disk
. - Locate and select the downloaded ClassyToggle
.jar
file. - Restart your IDE for the changes to take effect.
- Open any common front-end file that uses the
class
attribute in your JetBrains IDE. - Press
Alt+N
or right-click and select "Classy Toggle" > "Toggle CSS Classes" from the context menu.
- Open any common front-end file that uses the
class
attribute in your JetBrains IDE. - Right-click and select "Classy Toggle" from the context menu.
- Choose one of the following options:
- "Expand All Classes"
- "Collapse All Classes"
- "Delete All Classes"
We welcome contributions from the community! If you would like to contribute to ClassyToggle, please follow these steps:
- Fork this repository.
- Create a new branch for your changes.
- Make your changes and commit them to your branch.
- Create a pull request with a description of your changes.
This project is licensed under the MIT License. See the LICENSE file for more information.
If you encounter any issues or have questions about the ClassyToggle plugin, please create an issue in this repository.