title: Ionic LoadingController css
body: <p>I am using Ionic3, and have a <code>LoadingController</code>.</p>
  
  <pre><code>this.loading = this.loadingCtrl.create({
    content: '',
    spinner: 'dots'
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/T55U1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/T55U1.png" alt="enter image description here"></a></p>
  
  <p><strong>Question</strong></p>
  
  <p>Is it possible to remove the white background behind the the dots? i.e. Just have the dots over the backdrop.</p>
  
  <p>As you can see from the <a href="http://ionicframework.com/docs/api/components/loading/LoadingController/" rel="noreferrer">Ionic Documentation</a>, there is an <code>cssClass</code> option that can be used to do custom styling. However, I am not sure what css to apply to the <code>LoadingController</code>.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Adding the following to <code>variables.scss</code>:</p>
  
  <pre><code>$loading-md-background: transparent;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/5LLow.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5LLow.png" alt="enter image description here"></a></p>
  
  <p>But how do I remove the box?</p>