design-system
design-system copied to clipboard
Improved Gutters
SLDS implements gutters by applying different styling to first and following elements, for example here in the highlights panel or in buttons:
I've recently learned that with "gap" css attribute, you can pretty much achieve the same in much cleaner way, but I don't see any SLDS class that would implement this. If such class was exposed, creating a gap between buttons or columns would be as easy as adding "slds-grid slds-gap_small" on container class.
From LWC development perspective, it would make tons of stuff easier and more streamlined.