Tailw&

thumb
Identtristan.tailwand
Typelibrary
Created
Updated
Latest Version 253284 38 KB ~2 -1
Tags code generator styling tailwind ui
Links s&box
SummaryStatic 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 Rate0%
Reviews
1 reviews
100% Recommended (1) 0% Promise (0) 0% Needs Work (0)
Data
{}