Tailw&
by| Summary | Static SCSS Generator with Tailwind Syntax |
|---|---|
| Description |
tailw& tailwand brings a Tailwind-inspired utility workflow to s&box Razor UI. It scans configured Razor files and safelist entries for utility class names, parses them with a Tailwind-shaped C# pipeline, and writes ordinary s&box-compatible SCSS that can be loaded through sibling stylesheets, `[StyleSheet]```, or `@import` . Supported classes are emitted as stable generated SCSS, while unsupported classes are kept visible in the generation report with deterministic reasons so teams can see exactly what needs a fallback or future implementation. The C# API still uses the `Sandbox.TailBox` namespace for compatibility. [Image] Quick Start 1. Add this library to an s&box project. 2. In the editor, run `Editor > tailw& > Initialize`. 3. Import the generated stylesheet from a project stylesheet: @import "/tailwand.generated.scss"; The default config writes `Code/tailwand.generated.scss`, which is addressable from s&box stylesheets as `/tailwand.generated.scss`. You can now start writing Tailwand code. It will automatically regenerate the scss. How to Use: [Link preview] Checkout the Code: [Link preview]tailw&
tailwand brings a Tailwind-inspired utility workflow to s&box Razor UI. It scans configured Razor files and safelist entries for utility class names, parses them with a Tailwind-shaped C# pipeline, and writes ordinary s&box-compatible SCSS that can be loaded through sibling stylesheets, `[StyleSheet]```, or `@import` .
Supported classes are emitted as stable generated SCSS, while unsupported classes are kept visible in the generation report with deterministic reasons so teams can see exactly what needs a fallback or future implementation.
The C# API still uses the `Sandbox.TailBox` namespace for compatibility.
[Image]
Quick Start
1. Add this library to an s&box project.
2. In the editor, run `Editor > tailw& > Initialize`.
3. Import the generated stylesheet from a project stylesheet:
@import "/tailwand.generated.scss";
The default config writes `Code/tailwand.generated.scss`, which is addressable from s&box stylesheets as `/tailwand.generated.scss`.
You can now start writing Tailwand code. It will automatically regenerate the scss.
How to Use:
[Link preview]
Checkout the Code:
[Link preview]
|
| Votes | 👍3 👎0 ❤️4 |
| Error Rate | 0% |
| Reviews |
1 reviews
100% Recommended (1)
0% Promise (0)
0% Needs Work (0)
|
| Data | {} |
Loading history…