CSS Utilities don't work in pages

Ionic Framework
1

Hi to everyone :slightly_smiling_face:
I’ve started a Pwa Ionic + Stencil toolkit project

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 inside a page of my pwa, the util don’t work unless I unclude the optionals @imports inside my page css.

I don’t understand why I have this problem because I include in the app.css under /global

Thank you for the help

2

Please help me :frowning: I’m still stuck

3

Hi :wave:t4:

in ionic 5 (Angular 10) if you import scss (or css) in app.component this works in app component NOT in entire component like old ionic version (v3, v1).
If you want use a scss library in your component before this you should configure in angular.json :

stylePreprocessorOptions under projects.app.architect.build

and then use the relative path for that library.

For any questions, write me.

Regards
Al