Theme Specification

xstyled follows system-ui specification. It makes it compatible with styled-system.

Key references

Theme KeyCSS Properties
bordersborder, border-top, border-right, border-bottom, border-left
borderStylesborder-style
borderWidthsborder-width
colorscolor, background-color, border-color
fontsfont-family
fontSizesfont-size
fontWeightsfont-weight
letterSpacingsletter-spacing
lineHeightsline-height
sizeswidth, height, min-width, max-width, min-height, max-height
radiiborder-radius
shadowsbox-shadow, text-shadow
spacemargin, margin-top, margin-right, margin-bottom, margin-left, padding, padding-top, padding-right, padding-bottom, padding-left, grid-gap, grid-column-gap, grid-row-gap
transitionstransition
zIndicesz-index