Crate tailwind_css

Tailwind to Css

use tailwind_css::TailwindBuilder;
fn build() {
    let mut tailwind = TailwindBuilder::default();
    // 
    tailwind.trace("py-2 px-4 bg-green-500");
    println!("{}", tailwind.build().unwrap())
}

Notice

This library is not strictly implemented according to the original version.

Especially when some writing methods can be simplified or generalized.

For example arbitrary values of z-index needs brackets, but rs version does not.

• raw: z-[100]
• rs: z-100

Implement Progress

• preflight: crate::PreflightSystem
• Layout
  • aspect-ratio: TailwindAspect
  • container: [``]
  • columns: [``]
  • break-after: TailwindBreak::After
  • break-before: TailwindBreak::Before
  • break-inside: TailwindBreak::Inside
  • box-decoration-break
  • box-sizing
  • display
  • float
  • clear
  • isolation
  • object-fit
  • object-position
  • overflow
  • overscroll-behavior
  • position
  • top-right-bottom-left
  • visibility
  • z-index
• Flexbox & Grid
  • z-index
• Spacing
  • padding
  • margin
  • space
• Sizing
  • width
• Typography
  • font-family
• Backgrounds
  • background-attachment
• Borders
  • border-radius
• Effects
  • box-shadow
• Filters
  • box-shadow
• Tables
  • box-shadow

Structs

BreakPoint

BreakPointSystem

FontSystem

Palette

In general, it is a look-up table.

PaletteSystem

PreflightSystem

https://tailwindcss.com/docs/preflight

TailwindAspect

https://tailwindcss.com/docs/aspect-ratio

TailwindBuilder

TailwindError

Error type for all tailwind operators

TailwindObject

Enums

TailWindZIndex

Utilities for controlling the stack order of an element.

TailwindBreak

TailwindErrorKind

Actual error data for the error

TailwindMaxWidth

Utilities for setting the maximum width of an element.

TailwindMinWidth

Utilities for setting the minimum width of an element.

TailwindWidth

|width

Traits

TailwindInstance

Type Definitions

Result

All result about tailwind

TailwindParsed

Tailwind Parsed Result