title: Ionic 3 loading controller backdrop design
body: <p>I'm working with Ionic 3 on iPhones (iOS 10/11), and I'd like to know if I can have different styles/designs of the loading controller backdrop. I need in some places the backdrop to cover the full height of the screen and in some places only the middle (part of the screen). </p>
  
  <p>so far I'm doing this via the app.scss:</p>
  
  <pre><code>.loading-ios {
    background-color: white;
    opacity: 1 !important;
    position: fixed;
    top: 44px;
    bottom: 49.5px;
  }
  </code></pre>
  
  <p>But this way the backdrop is the same everywhere. Trying to do this locally in local scss files doesn't work, as app.scss overwrites them (naturally).</p>
  
  <p>Any way to do it?</p>
  
  <p>Here's a sample add, but with commented out SCSS code, as I don't know where to add custom styles within STackblitz: <a href="https://stackblitz.com/edit/ionic-sqou2x" rel="nofollow noreferrer">https://stackblitz.com/edit/ionic-sqou2x</a></p>