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.
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.