Skip to content

A simple plugin to toggle CSS classes in common front-end files.

License

Notifications You must be signed in to change notification settings

daugaard47/ClassyToggle

Repository files navigation

ClassyToggle IntelliJ Plugin

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.

Features

  • 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

Demo Video

Classy Toggle Demo Video Direct link: https://www.youtube-nocookie.com/embed/SxvMGnmOTsE

Installation

  1. Download the latest release of the ClassyToggle plugin here.
  2. Open your JetBrains IDE (e.g., PhpStorm, IntelliJ IDEA, or WebStorm).
  3. Go to Settings > Plugins.
  4. Click the gear icon and choose Install Plugin from Disk.
  5. Locate and select the downloaded ClassyToggle .jar file.
  6. Restart your IDE for the changes to take effect.

Usage

Toggle CSS Classes

  1. Open any common front-end file that uses the class attribute in your JetBrains IDE.
  2. Press Alt+N or right-click and select "Classy Toggle" > "Toggle CSS Classes" from the context menu.

Expand, Collapse, and Delete All CSS Classes

  1. Open any common front-end file that uses the class attribute in your JetBrains IDE.
  2. Right-click and select "Classy Toggle" from the context menu.
  3. Choose one of the following options:
    • "Expand All Classes"
    • "Collapse All Classes"
    • "Delete All Classes"

Contributing

We welcome contributions from the community! If you would like to contribute to ClassyToggle, please follow these steps:

  1. Fork this repository.
  2. Create a new branch for your changes.
  3. Make your changes and commit them to your branch.
  4. Create a pull request with a description of your changes.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Support

If you encounter any issues or have questions about the ClassyToggle plugin, please create an issue in this repository.

About

A simple plugin to toggle CSS classes in common front-end files.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages