title: Angular 2 Material: Sidenav how to remove backdrop
body: <p>So I am using angular cli with material design. I am trying to get rid of the backdrop with a sidenav and I thought it would be as simple as </p>
  
  <pre><code>.mat-sidenav-backdrop.mat-sidenav-shown{
      background-color: transparent !important;
  }
  </code></pre>
  
  <p>however this isn't having any affect. I have tried display none, visibility hidden, etc. It seems like the style for the backdrop is being put out inline to a  tag and I would have thought the important would override it. However this isn't working... Anyone have any ideas that don't involve me stripping out the backdrop tag/ altering the styles via javascript during rendering?</p>