Hi yall!
I have a custom Paragraph
component that sets different text sizes based on the responsive breakpoint. It’s just a stack with a slot for the children, and the default child is a text element.
However, I want that default child text element to be a <p>
tag - but doing so causes the default <p>
font sizes to override those of the responsive variants.
Is there a solution to this? I’ve tried applying the breakpoint styles to the slot container, as well as directly to the child element - to no avail.