No mdc customization possible about elements HOT 3 CLOSED

1. Yes, it currently uses @import because it's outdated. So we would have to wait for stencil to upgrade it. I just kinda liked the solution because it's out of the box.
2. You are right, that it's more transparent. We should do it this way.

from elements.

The variables.scss in src/components/styles is a global stylesheet that is loaded before all others. Would it not be sufficient to import the mdc-customize.scss there? This way we would not have to import it into every file.

If I understand correctly, we could use the injectGlobalPaths of the stencil-sass plugin.

We will have to wait until ionic-team/stencil-sass#38 is resolved or downgrade our stencil version to 1.x.x.

from elements.

I'm not quite sure if this is the proper solution.

1. The global inject script looks like it uses @import, but we have to use @use statements to provide custom variables (see above).

2. In my opinion it is more transparent to import our "mdc-customization" module before each "mdc import". It's different from importing variables since it resolves the mdc modules with our custom properties instead of defining variables. Furthermore, components that do not use mdc at all should not import the mdc customization file just for the sake of simplicity.

from elements.