matvp91 / stylemug Goto Github PK

To Reproduce
Steps to reproduce the behavior:

1. Run the example in the repo
2. Make a change to a stylesheet
3. globalStyles.container is no longer properly bundled

Additional context
The reason is that we flush cache. We probably need a better way to preserve styles in the cache that do not change and must not be cleared from cache during a HMR reload. It could be that this bug is bigger than merely global styles, yet to figure out.

I wonder if we can skirt around having to eject from create react app by using

https://github.com/kentcdodds/babel-plugin-macros

Spread margin in marginTop, marginBottom, marginLeft & marginRight to avoid specificity issues.

There's plenty more props to unwrap, let's make a list.

We should eventually be able to configure the babel plugin with the following setting:

{
  baseFontSize: 16,
}

When the compiler parses a fontSize rule, the following transformation should be applied:

fontSize: 16 // translates to 1em
fontSize: 14 // translates to 0.875em

If no baseFontSize setting is found, no translation should happen.

Literally what the title says.