title: Ionic 2 Modal make 50% of the width
body: <p>I have a page in my ionic application that on button click opens a Modal Page. Currently, I have override the variable.scss to the code below to make the model cover the 100% of the page.</p>
  
  <pre><code>//for Modals
  $modal-inset-height-large: 100%;
  $modal-inset-height-small: $modal-inset-height-large;
  $modal-inset-width: 100%;
  </code></pre>
  
  <p>However, this applies for all my models in my application. I want to use some models in other pages that use the 50% of the width and around 80% of the height. How can I customize my controls?</p>