Fancy Framework Global CSS overrides "Rich Text Element" child Tags

Hi, we know that Bricks' Rich Text Element uses TinyMCE. Texts where child elements are: <p>, <span>, <h#>. In Fancy Framework's Global CSS we have:

:where(p), :where(span){
    line-height: var(--text-line-height);
}

:where(p){
    font-weight: var(--text-font-weight);
}

h1, h2, h3, h4, h5, h6{
    line-height: var(--heading-line-height);
    color: var(--heading-color);
    font-weight: var(--heading-font-weight);
}

This makes Fancy Framework's Global CSS override Rich Text Typo changes in its configuration. We can only change it with Custom CSS like %root% p { do-something; }

I think we should review Global CSS adjustment for this case. Bricks' Rich Text Element has class .brxe-text, we can take advantage of it.

Thanks.

Made with ProductLift