Basic issue: SCSS styles change HTML only in workspace machine


#1

If I acess the application via smartphone browser or Ionic Viewer, my styles doest not work, only in worskpace machine.

What am I doing wrong?

This is my SCSS file:

  //Home screen
.home {    text-align: center; width: 100%; background-color: #F2F2F2; }
// Select city button
.first-select{ text-align:center; -webkit-appearance:none; -moz-appearance: none;    width: 100%; max-width: 100%; background-color: #2ecc71; border-radius: 4px; color: #fff; padding: 20px 4px; border-bottom: 5px solid #069C46; font-size: 1.7em; font-weight: bold;}
.first-select > .select-icon{ color: #fff; margin-left: 4px;}
// Where are yo;u
.where-are-you { padding: 100px 0;  }
.icon-where-are-you{    font-size: 14em;    color: #C5C5C5;  }
.text-where-are-you{ font-size: 2em; color: #C5C5C5; font-weight: bold; }