I am using the Typography component and I wanted to add custom margin-bottom.
Example:
<Typograpy class="title">...</Typography>
:global(.title) {
margin-bottom: 32px;
}
It is not enough that I make the .title global, because when rendered, there will other classes applied after the .title which will override margin (the svelte-19sc8uu on the screenshot).
I can think of workarounds to fix this (using a wrapper element, using snippets, using a spacer element) but it would be good if this worked. It would be great if this would somehow even work without the :global!
I am using the
Typography
component and I wanted to add custommargin-bottom
.Example:
It is not enough that I make the
.title
global, because when rendered, there will other classes applied after the.title
which will override margin (thesvelte-19sc8uu
on the screenshot).I can think of workarounds to fix this (using a wrapper element, using snippets, using a spacer element) but it would be good if this worked. It would be great if this would somehow even work without the
:global
!