REM size not being updated even though I set html font-size

Question

I have set the html and body to 15px.

And afterwards I have set some padding of an element to 1rem, which should translate to 15px. But instead it's giving me 16px...

Any idea why?

--

Browser: Google Chrome. MacOS.
CSS: Stylus
Framework: Vue.js + NUXT

Answer 1

The answer is to also set the following:

:root {
    font-size: 15px;
}