The margin theme variation can be applied to both horizontal and vertical layout.
When applying, the CSS margin property is set on host element.
The property value is specified by the Lumo theme.
Note: The same behavior can achieved by setting corresponding property in CSS.
The padding theme variation can be applied to both horizontal and vertical layout.
When applying, the CSS padding property is set on host element.
The property value is specified by the Lumo theme.
Note: The same behavior can achieved by setting corresponding property in CSS.
The spacing theme variation can be applied to both horizontal and vertical layout.
When applying, the CSS margin property is set on child elements.
The property value is specified by the Lumo theme.
Note: The same behavior can achieved by setting corresponding property in CSS,
but this theme also attaches ::before pseudo element to compensate the first item margin.
So please keep in mind that justify-content CSS property is not supposed to work with
spacing theme, and if you want to handle alignment yourself, you should remove the theme and use CSS.
The spacing theme comes with small and large variations:
spacing-xs for an extra small space between items;spacing-s for a small space between items;spacing-l for a large small space between items;spacing-xl for an extra large space between items.