The margin theme variation can be applied to both horizontal and vertical layout.
Note: when applying, the CSS margin property is set on host element.
The property value should be specified by the theme.
The same behavior can achieved by setting corresponding property in CSS.
The padding theme variation can be applied to both horizontal and vertical layout.
Note: when applying, the CSS padding property is set on host element.
The property value should be specified by the theme.
The same behavior can achieved by setting corresponding property in CSS.
The spacing theme variation can be applied to both horizontal and vertical layout.
Note: when applying, the CSS margin property is set on child elements.
The property value should be specified by the theme.
The same behavior can achieved by setting corresponding property in CSS.
By default, the theme variations use relative em units based on font size.
So you can configure gaps between items and around the layout using font-size CSS property.
Pay attenton to that you would need to restore font size for items in this case.