How to padding-top <ion-content> -Ionic 4

Question

I work with Ionic 4 and the doc which I refer to, talks about css custom properties;

I tried to add --padding-top: 100px; to /theme/variables.scss it didn't work.

I want all the <ion-content> to have padding-top.

Answer 1

I just had to <ion-content style="--padding-top:100px"></ion-content>

Answer 2

adding veriables.scss

ion-content{
--padding-top: 100px;
}