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-origintranslatetext-align
| Class | Styles |
|---|---|
| text-upper-left | -unity-text-align: upper-left; |
| text-middle-left | -unity-text-align: middle-left; |
| text-lower-left | -unity-text-align: lower-left; |
| text-upper-center | -unity-text-align: upper-center; |
| text-middle-center | -unity-text-align: middle-center; |
| text-lower-center | -unity-text-align: lower-center; |
| text-upper-right | -unity-text-align: upper-right; |
| text-middle-right | -unity-text-align: middle-right; |
| text-lower-right | -unity-text-align: lower-right; |