search

Tommertom / svelte-ionic-npm

NPM package that goes along with Ionic Svelte integration demo
MIT License
19 stars 0 forks source link

EXPERIMENTAL MODULE ONLY ISSUE - styles not applied #7

Closed Tommertom closed 1 year ago

Tommertom commented 1 year ago

Styles are not applied:

    /* Core CSS required for Ionic components to work properly */
    import '@ionic/core/css/core.css';

    /* Basic CSS for apps built with Ionic */
    import '@ionic/core/css/normalize.css';
    import '@ionic/core/css/structure.css';
    import '@ionic/core/css/typography.css';

    /* Optional CSS utils that can be commented out */
    import '@ionic/core/css/padding.css';
    import '@ionic/core/css/float-elements.css';
    import '@ionic/core/css/text-alignment.css';
    import '@ionic/core/css/text-transformation.css';
    import '@ionic/core/css/flex-utils.css';
    import '@ionic/core/css/display.css';
Tommertom commented 1 year ago

https://github.com/sveltejs/svelte/issues/4843

Tommertom commented 1 year ago

At least I think so....

Maybe use global styles


<style lang="css" global>
    @import '@ionic/core/css/normalize.css';

    /* Core CSS required for Ionic components to work properly */
    @import '@ionic/core/css/core.css';

    /* Basic CSS for apps built with Ionic */
    @import '@ionic/core/css/normalize.css';
    @import '@ionic/core/css/structure.css';
    @import '@ionic/core/css/typography.css';

    /* Optional CSS utils that can be commented out */
    @import '@ionic/core/css/padding.css';
    @import '@ionic/core/css/float-elements.css';
    @import '@ionic/core/css/text-alignment.css';
    @import '@ionic/core/css/text-transformation.css';
    @import '@ionic/core/css/flex-utils.css';
    @import '@ionic/core/css/display.css';
</style>
Tommertom commented 1 year ago

Close - no ES imports components