How to set platform specific css in ionic4

Ionic Framework ionic-v3
1

To set specific styles to “ListingPage” for android and ios in ionic 3, I was using below structure in .scss file of the “Listing” page/component:

.ios {  // for ios
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

.md {  // for android
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

How can I achieve the same platform specific styling in ionic4.

2

This is all pretty well cover in the theming docs.

1 Like