title: Material Design Lite (MDL) Navigation Drawer on the right side
body: <p>I am using Google Material Design Lite (MDL) for web and I am unable to put the navigation drawer on the right side. 
  The documentation has none information about how to do that. Is that even possible?</p>
  
  <p>The default drawer always come from the left.</p>
  
  <pre><code>&lt;header class="custom-header mdl-layout__header mdl-layout__header--waterfall"&gt;
      &lt;div class="mdl-layout__drawer-button"&gt;
          &lt;i class="material-icons"&gt;menu&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class="mdl-layout__header-row"&gt;
          &lt;span class="mdl-layout-title"&gt;My App&lt;/span&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  &lt;div class="mdl-layout__drawer"&gt;
      drawer contents...
  &lt;/div&gt;
  </code></pre>