search

ionic-team / ionic-pwa-toolkit

Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
MIT License
633 stars 74 forks source link

CSS Utils don't work inside the project #113

Open JEricaM opened 4 years ago

JEricaM commented 4 years ago

Hi to everyone :slightly_smiling_face: I've started a Pwa Ionic + Stencil toolkit project https://github.com/ionic-team/ionic-pwa-toolkit

And I've the Ionic css utils in my app.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";

If I use the css utils classes like ion-text-justify or ion-hide-sm-up inside a page of my pwa, the util don't work unless I include the optionals @imports inside my page css.

I don't understand why I have this problem because I've included all the optionals css in app.css under /global

These are my ionic and stencil versions "@ionic/core": "^5.0.7", "@stencil/core": "^1.12.2",

Thank you for the help