getting started

core concepts

configuration

life cycle

default styles

properties

Overview
@adjust
@animate
- delay
- direction
- duration
- enter
- exit
- fade
- flow
- loop
- mode
- name
- preset
- slide
- spin
- state
- zoom
@bg
@border
@filter
@flex
- base
- content
- flow
- grow
- items
- justify
- order
- place
- preset
- self
- shrink
- wrap
@form
@grid
- col
- cols
- content
- flow
- items
- justify
- order
- place
- preset
- row
- rows
- self
@layout
- blend
- box
- float
- hide
- is
- isolate
- layer
- object
- opacity
- overflow
- ratio
- shadow
- show
- theme
@list
- align
- marker
@live
@mask
@phase
@position
- is
- inset
- top
- bottom
- left
- right
- x
- y
@size
- h
- is
- max
- min
- w
@space
- gap
- m
- p
@svg
- fill
- stroke
@table
@text
- align
- break
- case
- color
- content
- family
- gap
- h
- line
- lines
- move
- nums
- overflow
- shadow
- size
- space
- style
- thick

mixins

components

values

best practices

changelog

alpha.0

Size Intent Overview

Size intent contains element's dimentions related utilities.

Utilities available in @size intent are listed below.

Utility	Description	Documentation
`h-*`	Set element's height.	h
`is-*`	Set elements size (width & height) including block and inline.	is
`max-*`	Set maximum dimensions for elements including block and inline.	max
`min-*`	Set minimum dimensions for elements including block and inline.	min
`w-*`	Set element's width.	w