Takes structure information from the config and generates a
series of :root variables which are used by other A17 Tailwind
Plugins.
Setup
Output
Based on the reference config mentioned in this guide, we would get the
following in our CSS:
Notes
These values are used in:
Container
DevTools
GridGap
GridLine
Keyline
Layout
GridLayout
Which means Setup is required for each of those.
As these variables are on the :root, they are easily read by
JavaScript. For example to know which is the currently active CSS breakpoint
in JavaScript, you could read the --breakpoint variable: