SCSS Help - Not working


#1

Hi I am having trouble applying styles to my page in ionic 2/3. For example I have CompanyPage and in the scss generated by ionic generate company I have the following scss:

company{
    .float-label {
        color: #387ef5;
        font-size: 12px;
    }
    ion-item p {
        color: #387ef5;
        font-size: 12px;
    }
}

My company page looks like:

<ion-list>
        <ion-item>      
          <ion-icon name="home" item-left></ion-icon>    
          <p class="float-label">Company</p>
          <h3>{{record.name}}</h3>
        </ion-item>
        <ion-item>      
          <ion-icon name="" item-left></ion-icon>    
          <p >Company Type</p>
          <h3>{{record.company_type.name}}</h3>
        </ion-item>
      </ion-list>

The issue is when I add the class float-label the style of p changes as expected. But when i try to do a style via ion-item p nothing happens. What I am missing here? Thanks for any help in advance.