The main.css file is not updated after modifications


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: [margin-top], [margin-top] .scroll-content {
margin-top: 16px;
After my modification: [margin-top]{
margin-top: 16px;
} [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 for some info about styling etc.

Excellent ! Thanks for that valuable information !!!