design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Improved Gutters

Open pkozuchowski opened this issue 1 year ago • 0 comments

SLDS implements gutters by applying different styling to first and following elements, for example here in the highlights panel or in buttons:

image image image image

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.

image

pkozuchowski avatar Jul 05 '24 13:07 pkozuchowski