uTailwind 12.0.1
dotnet add package uTailwind --version 12.0.1
NuGet\Install-Package uTailwind -Version 12.0.1
<PackageReference Include="uTailwind" Version="12.0.1" />
paket add uTailwind --version 12.0.1
#r "nuget: uTailwind, 12.0.1"
// Install uTailwind as a Cake Addin #addin nuget:?package=uTailwind&version=12.0.1 // Install uTailwind as a Cake Tool #tool nuget:?package=uTailwind&version=12.0.1
uTailwind
uTailwind will automatically generate a CSS file using the Tailwind standalone CLI.
uTailwind configures the CLI to use rich content from Umbraco (to allow editors to reference tailwind styles in TinyMCE). uTailwind also includes all views when generating the CSS.
Getting started
Tailwind Configuration
Add the uTailwind.Config
property editor to your site.
It's designed to sit within the settings section of your site if you have one, or on the root page.
This editor allows you to update the Tailwind config via the CMS. It also allows editors to quickly update colours using a colour picker.
Including the generated CSS in your view
In your site's layout, just inject the TailwindService like so:
@inject uTailwind.Services.TailwindService tailwind
Then, in your <head>
, load the generated CSS like so:
@await tailwind.TailwindCss(Model.Style)
Where Model.Style is your Tailwind configuration property.
Links
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net7.0
- Microsoft.Extensions.Caching.Memory (>= 7.0.0)
- System.Runtime.Caching (>= 7.0.0)
- Umbraco.Cms.Core (>= 12.1.1)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.