Not all CSS is scoped when using 'scoped mode' to avoid conflicts in large project code bases

[acsm960]

UIkit Version

3.18.0

Actual Behavior

I am applying UIkit within a large wordpress theme with other CSS files. When I went to run the 'scope mode' some of my h2 tags were being changed by UIkit from serif fonts to san serif fonts.

I discovered this was because the scoped output CSS file prefixes all HTML tags with .uikit except for HTML, which contained a "font-family" property

Solution

Though not very elegant, I was able to replace the first line of the CSS file from
html to .uk-scope

I think it would also be ok to just note this in the docs.

Expected Behavior

The CSS should have only changed content within the scoped div.

 <div class="uk-scope">
            <!-- your UIkit markup -->
            …
        </div>