Docs Components Tools

Getting Started

Introduction Usage

Configuration

Output Media Queries Rules Rule Variants

Recipes

Increasing Rules Specificity

Box

Aspect Ratio Box Shadow Box Sizing Height Margin Padding Width

Visual Formatting

Clear Direction Display Float Inline Size Inset Top Right Bottom Left Position Writing Mode Z Index

Visual Representation

Appearance Caret Color Color Scheme Forced Color Adjust Image Rendering Isolation Mix Blend Mode Object Fit Object Position Opacity Visibility

Font

Font Family Font Feature Settings Font Kerning Font Language Override Font Optical Sizing Font Size Adjust Font Size Font Stretch Font Style Font Synthesis Font Variant Font Variation Settings Font Weight Font

Text

Color Hyphens Letter Spacing Line Break Line Height Step Line Height Shape Tab Size Text Align Last Text Align Text Decoration Text Emphasis Text Indent Text Justify Text Orientation Text Overflow Text Rendering Text Shadow Text Transform Text Underline Position Vertical Align White Space Word Break Word Spacing

Background

Background Attachment Background Blend Mode Background Clip Background Color Background Image Background Origin Background Position Background Repeat Background Size Background

Border

Border Color Border Image Border Radius Border Style Border Width Border

Outline

Outline Color Outline Offset Outline Style Outline Width Outline

Flex

Align Content Align Items Align Self Flex Basis Flex Direction Flex Flow Flex Grid Flex Grow Flex Shrink Flex Wrap Flex Justify Content Justify Items Justify Self Order Place Content Place Items Place Self

Grid

Gap Grid Area Grid Auto Columns Grid Auto Flow Grid Auto Rows Grid Column End Grid Column Gap Grid Column Start Grid Column Grid Gap Grid Row End Grid Row Gap Grid Row Start Grid Row Grid Template Areas Grid Template Columns Grid Template Rows Grid Template Grid Row Gap

Filter

Backdrop Filter Filter

Transform

Backface Visibility Perspective Origin Perspective Transform Origin Transform

Transition

Transition Delay Transition Duration Transition Property Transition Timing Function Transition

List

List Style Image List Style Position List Style Type List Style

Multicol

Column Count Column Fill Column Gap Column Rule Color Column Rule Style Column Rule Width Column Rule Column Span Column Width Columns

Table

Border Collapse Border Spacing Caption Side Empty Cells Table Layout

Overflow & Overscroll

Overflow Anchor Overflow Block Overflow Clip Margin Overflow Inline Overflow Wrap Overflow X Overflow Y Overflow Overscroll Behavior Block Overscroll Behavior Inline Overscroll Behavior X Overscroll Behavior Y Overscroll Behavior

Scroll

Scroll Behavior Scroll Margin Bottom Scroll Margin Inline Start Scroll Margin Inline Scroll Margin Left Scroll Margin Right Scroll Margin Top Scroll Padding Block End Scroll Padding Block Start Scroll Padding Bottom Scroll Padding Inline End Scroll Padding Inline Start Scroll Padding Inline Scroll Padding Left Scroll Padding Scroll Snap Type

Animation

Animation Delay Animation Direction Animation Duration Animation Fill Mode Animation Iteration Count Animation Name Animation Play State Animation Timing Function Animation

Behavioral

Cursor Pointer Events Resize Touch Action User Select

Generated Content

Content Counter Increment Counter Reset Counter Set Quotes

Masking & Clipping

Clip Path Mask Border Mask Type Mask

Performance

Contain Content Visibility Will Change

Print

Break After Break Before Break Inside Orphans Widows

Opacity

Default values

Classname key	CSS value
$num	`[[0,1,0.1]]`

Default variants

Classname key	Variant selector
h	&:hover
ht	.@:hover > &

Footer