How to apply if else in css based on ionic app build type?

Question

I'm create simple ionic 4 app, and i'm use some css for android as well as ios. now when i'm build ios, android css conflicted. i want to if/else condition in css based on build type ?

beta.ionicframework.com/docs/theming/platform-styles

Mehravish Temkar
– Mehravish Temkar

2019-07-15 10:36:56 +00:00
Commented Jul 15, 2019 at 10:36 — Mehravish Temkar
– Mehravish Temkar, Commented Jul 15, 2019 at 10:36

NickCoder · Accepted Answer · 2019-07-15 12:33:12Z

2

There is no need to write if-else for switching between css classes for platform-specific css.

There is method in ionic 4 for platform-specific css's.

for android platform write your css like this :
md because android, as well as other, platforms, use material design by default.

.md .sample {}

and while using IOS platform :

.ios .sample {}

here are docs for more info.

answered Jul 15, 2019 at 12:33

NickCoder

1,5302 gold badges24 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gausmohammad shaikh Over a year ago

Thank you sir,You are great.

NickCoder Over a year ago

glad to help! :-)

Collectives™ on Stack Overflow

How to apply if else in css based on ionic app build type?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related