SLDS classes on base Lightning web components do not appear to work... unless I'm missing something?
When I view the component below, the margin is properly applied to the div, but not to the card.
Am I missing something?
Thanks very much!
slds-m-around_large seems to add an arbitrary (and entirely incorrect) amount of margin. It also doesn't even add on the sides, only top & bottom.. not that I want on the sides in this case.
UPDATE 2: I witness the same (incorrect?) thing in the Web Components Playground. But that can't be the expected behavior, can it?
<template> <div class="slds-m-bottom_large"> div </div> <lightning-card class="slds-m-bottom_large"> card 1 </lightning-card> <lightning-card> card 2 </lightning-card> </template>