The main.css file is not updated after modifications

Hello,

After modifying some lines in the main.css file, I can see the changes locally (ionic lab). However, suddenly when the file main.css is closed the changes are reverted. It is like the lines I modifed was done temporaly.

For example, for the scroll content I do not want margin-top so I did the following change (maybe it is not a good practice) :

Original file:
ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
margin-top: 16px;
}
After my modification:
ion-app.md [margin-top]{
margin-top: 16px;
}
ion-app.md [margin-top] .scroll-content {
margin-top: 0px;
}

I saw the changes were correct on the browser but suddenly these changes were undone. Similar issue when changing maring of avatar images.

Has anyone has this issue ?

Many thanks in advance!

You should edit your .scss file, NOT the .css file. The css is generated based on your .scss file (normally with Gulp).

Check https://www.sitepoint.com/5-ionic-app-development-tips-tricks/ for some info about styling etc.

Excellent ! Thanks for that valuable information !!!