For padding and margin (only for top and bottom) I also create a utility class sheet. This way I can just give a section the class .p-top-2xl for example and don’t have to type the variable out.
.p-top-2xl {
padding-top: var(--space-2xl);
}
To make the classes available in the Classes selector you can register the used classes as External Classes here:
