Crate tailwind_css

Expand description

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

See the tests folder for details

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: TailWindZIndex
Spacing
- padding
- margin
- space
Sizing
- width: [``]
- min-width: [``]
- max-width: [``]
- height: [``]
- min-height: [``]
- max-height: [``]
Typography
- font-family
Backgrounds
- background-attachment
Borders
- border-radius
Effects
- box-shadow
Filters
- blur
Tables
- border-collapse: TailwindBorderCollapse
- table-layout: TailwindTableLayout
Transitions & Animation
- box-shadow

Macros

css_attributes

Structs

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

Uncategorized tailwind property

Enums

TailWindZIndex

Utilities for controlling the stack order of an element.

TailwindBorderCollapse

Utilities for controlling whether table borders should collapse or be separated.

TailwindBreak

TailwindErrorKind

Actual error data for the error

TailwindSizing

used to express sizing

TailwindTableLayout

Utilities for controlling the table layout algorithm.

TailwindWidth

https://tailwindcss.com/docs/height

Traits

TailwindInstance

Type Definitions

ParsedItem

Tailwind Parsed Result

Result

All result about tailwind