Table of Style Functions

Core

Function NamePropCSS PropertyTheme Field
spacemmarginspace
spacemtmargin-topspace
spacemrmargin-rightspace
spacembmargin-bottomspace
spacemlmargin-leftspace
spacemxmargin-left and margin-rightspace
spacemymargin-top and margin-bottomspace
spaceppaddingspace
spaceptpadding-topspace
spaceprpadding-rightspace
spacepbpadding-bottomspace
spaceplpadding-leftspace
spacepxpadding-left and padding-rightspace
spacepypadding-top and padding-bottomspace
widthwidthwidthnone
fontSizefontSizefont-sizefontSizes
colorcolorcolorcolors
colorbgbackground-colorcolors

Typography

Function NamePropCSS PropertyTheme Field
fontFamilyfontFamilyfont-familyfonts
textAligntextAligntext-alignnone
lineHeightlineHeightline-heightlineHeights
fontWeightfontWeightfont-weightfontWeights
fontStylefontStylefont-stylenone
letterSpacingletterSpacingletter-spacingletterSpacings

Layout

Function NamePropCSS PropertyTheme Field
displaydisplaydisplaynone
maxWidthmaxWidthmax-widthmaxWidths
minWidthminWidthmin-widthminWidths
heightheightheightheights
maxHeightmaxHeightmax-heightmaxHeights
minHeightminHeightmin-heightminHeights
sizesizewidth heightnone
ratioratioheight padding-bottomnone
verticalAlignverticalAlignvertical-alignnone

Flexbox

Function NamePropCSS PropertyTheme Field
alignItemsalignItemsalign-itemsnone
justifyContentjustifyContentjustify-contentnone
flexWrapflexWrapflex-wrapnone
flexDirectionflexDirectionflex-directionnone
flexflexflex (shorthand)none
alignContentalignContentalign-contentnone
justifyItemsjustifyItemsjustify-itemsnone
justifySelfjustifySelfjustify-selfnone
alignSelfalignSelfalign-selfnone
orderorderordernone
flexBasisflexBasisflex-basisnone

Grid Layout

Function NamePropCSS PropertyTheme Field
gridGapgridGapgrid-gapspace
gridRowGapgridRowGapgrid-row-gapspace
gridColumnGapgridColumnGapgrid-column-gapspace
gridColumngridColumngrid-columnnone
gridRowgridRowgrid-rownone
gridAreagridAreagrid-areanone
gridAutoFlowgridAutoFlowgrid-auto-flownone
gridAutoRowsgridAutoRowsgrid-auto-rowsnone
gridAutoColumnsgridAutoColumnsgrid-auto-columnsnone
gridTemplateRowsgridTemplateRowsgrid-template-rowsnone
gridTemplateColumnsgridTemplateColumnsgrid-template-columnsnone
gridTemplateAreasgridTemplateAreasgrid-template-areasnone

Background

Function NamePropCSS PropertyTheme Field
backgroundbackgroundbackgroundnone
backgroundImagebackgroundImagebackground-imagenone
backgroundSizebackgroundSizebackground-sizenone
backgroundPositionbackgroundPositionbackground-positionnone
backgroundRepeatbackgroundRepeatbackground-repeatnone

Misc

Function NamePropCSS PropertyTheme Field
borderRadiusborderRadiusborder-radiusradii
borderColorborderColorborder-colorcolors
bordersborderborderborders
bordersborderTopborder-topborders
bordersborderRightborder-rightborders
bordersborderBottomborder-bottomborders
bordersborderLeftborder-leftborders
boxShadowboxShadowbox-shadowshadows
opacityopacity oopacityopacity
overflowoverflowoverflownone

Position

Function NamePropCSS PropertyTheme Field
positionpositionpositionnone
zIndexzIndexz-indexnone
toptoptopnone
rightrightrightnone
bottombottombottomnone
leftleftleftnone

Variant Styles

Function NamePropCSS PropertyTheme Field
textStyletextStylestyle objecttextStyles
colorStylecolorsstyle objectcolorStyles
buttonStylevariantstyle objectbuttons