https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/
Presets such as --wp--preset--color--black can be divided into the following chunks:
--wp--preset--color--black
--wp: prefix to namespace the CSS variable.
--wp
preset: indicates is a CSS variable that belongs to the presets.
preset
color: indicates which preset category the variable belongs to. It can be color, font-size, gradients.
color
font-size
gradients
black: the slug of the particular preset value.
black
slug
Custom properties such as --wp--custom--line-height--body, which can be divided into the following chunks:
--wp--custom--line-height--body
custom: indicates is a “free-form” CSS variable created by the theme.
custom
line-height--body: the result of converting the “custom” object keys into a string.
line-height--body
Last updated 4 years ago