INTRODUCTION
IntroductionCore ConceptsGETTING STARTED
InstallationQuick startWhirl Compiler SettingsCORE CONCEPTS
Using Utility ClassesStyle FunctionsPseudo-Classes and statesResponsive DesignResponsive Base ElementThemeArbitrary ValuesLAYOUT
aspect-ratiodisplayoverflowpositionvisibilityobject-fittop / right / bottom / leftFLEXBOX
flex-basisflex-directionflex-wrapflexflex-growflex-shrinkgapjustify-contentalign-contentalign-itemsalign-selfSPACING
paddingmarginSIZING
widthmin-widthmax-widthheightmin-heightmax-heightTYPOGRAPHY
font-sizefont-styleauto-sizetext-outlineletter-spacingtext-aligncolorword-spacingparagraph-spacingtext-overflowoverflow-positionwhite-spaceBACKGROUND
background-colorbackground-imagebackground-positionbackground-repeatbackground-sizeBORDER
border-radiusborder-widthborder-colorEFFECTS
text-shadowopacityFILTER
Filterblurbrightnesscontrastgrayscalehue-rotateinvertsaturatesepiaTRANSITION
transition-propertytransition-durationtransition-timing-functiondelayTRANSFORM
rotatescaletransform-origintranslateletter-spacing
| Class | Styles |
|---|---|
| tracking-tighter | letter-spacing: var(--tracking-tighter); |
| tracking-tight | letter-spacing: var(--tracking-tight); |
| tracking-normal | letter-spacing: var(--tracking-normal); |
| tracking-wide | letter-spacing: var(--tracking-wide); |
| tracking-wider | letter-spacing: var(--tracking-wider); |
| tracking-widest | letter-spacing: var(--tracking-widest); |
| tracking-(<custom-property>) | letter-spacing: var(<custom-property>); |
| tracking-[<value>] | letter-spacing: <value>; |