Kevin Suttle

Let me elaborate on the structure: **./Index.css** ``` css @import "./Themes/Vars.css"; @import "./Themes/Colors/Kratos.css"; @import "./Themes/Colors/Prometheus.css"; @import "./Themes/Mixins.css"; ``` Each component has it's own CSS file. e.g. Button. Buttons/ - Buttons.js...

Confirmed. Removing that `:root` declaration in Button/Buttons.css removed that `\`, but the warnings still appear. Separate issue it seems. Or maybe not. I've got another `:root` declaration in Themes/Mixins.css as...

Hm. The top-level styles are getting added last, but the component is still **getting the correct style applied**, which makes this even more confusing.

I added the imports in my top-level npm module export: ``` js require("./Themes/Vars.css"); require("./Themes/Colors/Kratos.css"); require("./Themes/Colors/Prometheus.css"); require("./Themes/Mixins.css"); ``` And got the slashes back on top-level `:root` declarations. I removed the smart-import...

Any update on this?

Huh. That was easy. https://react-styleguidist.js.org/docs/configuration.html#getcomponentpathline

I used the following and `absolute` was still being set. ``` jsx style={{position: 'relative', width: '93.5%', height: '400px' }} ``` ``` css #map { position: relative !important; } ```

Thanks!

@johnmetta Yep. I ran into the same thing. That's why I started this: https://github.com/kevinSuttle/OSXDefaults See context: https://github.com/mathiasbynens/dotfiles/issues/300

Sort of like [vim-pathogen](https://github.com/tpope/vim-pathogen) for Rbenv? I like it.