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.


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:

GitHub
tailwand/Docs/UsageGuide.md at main · tristanjakobi/tailwand
Contribute to tristanjakobi/tailwand development by creating an account on GitHub.


Checkout the Code:

GitHub
GitHub - tristanjakobi/tailwand
Contribute to tristanjakobi/tailwand development by creating an account on GitHub.