Tailwind Fold Rails

The Tailwind Fold Rails extension provides ERB support for the original Tailwind Fold extension. It's a fork of the original Tailwind Fold extension with added support for ERB files, so if you're not using ERB then go download the original.

Full credit goes to the original author Stivo for creating the original Tailwind Fold extension. You can find the original extension here.

Tailwind Fold

With Tailwind Fold, you can say goodbye to messy and hard-to-read HTML code. This extension helps improve the readability of your code by automatically "folding" long class attributes.

Features

By default, automatic folding is enabled, but you can customize this behavior in the settings. Quickly toggle folding using the keyboard shortcut Ctrl+Alt+A

Comparison

Customizable folding styles

Customizable opacity of unfolded class attributes

Extension Settings

This extension contributes the following settings:

• tailwind-fold-rails.autoFold: Enable/disable automatic class attribute folding
• tailwind-fold-rails.foldStyle: Defines folding style
• tailwind-fold-rails.unfoldIfLineSelected: Unfolds class attributes if line is selected
• tailwind-fold-rails.showTailwindImage: Show/hide the tailwind logo infront of folded content
• tailwind-fold-rails.foldedText: Text to show when class attributes are folded
• tailwind-fold-rails.foldedTextColor: Color of the text when folded
• tailwind-fold-rails.foldedTextBackgroundColor: Background color of the text when folded
• tailwind-fold-rails.unfoldedTextOpacity: Opacity of unfolded class attributes
• tailwind-fold-rails.supportedLanguages: Array of languages the extension is enabled for
• tailwind-fold-rails.foldLengthThreshold: Specifies the minimum number of class attributes required for a section to fold

Note

This extension folds all class attributes, even if there are no tailwind specific attributes.