Cannot inherit ionic global class

Discussão em 'Angular' iniciado por Wesley Gonçalves, Agosto 17, 2025.

  1. I am trying to inherit .ion-padding-vertical in a component CSS class.

    I tried importing the global SASS file (/src/global.scss) file, but it didn't work. I also tried importing the specific file ~@ionic/angular/css/padding.css as it is done by the global SASS file. However, the compiler cannot find .ion-padding-vertical class.

    Here is my file.

    my.component.scss


    @import "../../../global.scss";

    .my-class {
    @extend .ion-padding-vertical;
    }


    Is it possible to inherit an Ionic global CSS class? Thanks.

    Continue reading...

Compartilhe esta Página