krustal / builder Goto Github PK

Selectors defined as a nested selector within the root selector work properly during local develpment but when being extracted do not seem to transition out.

e.g. the following from input.scss

.ratioInput {
  label {
    margin: 4px;
    font-size: .5em;
  }
}

Does not apply rules on labels.

This may be considered improper css-module style but it works as expected during local development. Either the css-modules need to be re-written for more explicit assignment to elements in components or a fix needs to be figured out for extracting text.

Production builds utilize the html-webpack-plugin to generate the index.html and insert the appropriate javascript and css tags. This is both not necessary and conflicts with HMR behavior during local development. Since the outputted bundles/chunks are given static names during local development this file can be static but can't live in public initially as that would introduce confusion around version management when the production build overrides it, which we don't want to check in.

Brainstorm some improvements to the current design to support a more composable character sheet