title: change font size of ion-label in a single page - Ionic
body: <p>I want to change the font size of a ion-label in the home page of a ionic app.
  I have read that I can change the font size variables in the __variables.scss file, which could affect the ion-label. I think I could do that.
  But I find it strange that it doesn't work to style the ion-label in the scss file associated with the page. I have searched online but I couldn't find anything about it, other than that my approach should work.</p>
  
  <p>This is my scss:</p>
  
  <pre><code>$primary-color: #cf810c;
  $bg-color: #CCFFFF;
  
  page-home {
      .masters{
          background-color:$bg-color;
      }
      ion-label{
          color: $primary-color;
          font-size: 4em;
     }
  }
  </code></pre>
  
  <p>And this is the content in my html file:</p>
  
  <pre><code>&lt;ion-content padding class="masters"&gt;
    &lt;ion-label stacked&gt;Tap and press the buttons to win!&lt;/ion-label&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>My page looks as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/15OVz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/15OVz.png" alt="enter image description here"></a></p>