third_party/ot-br-posix/repo/third_party/mdl/repo/src/menu/snippets/top-left-demo.html

   1 <style>
   2   .demo-menu.demo-menu__top-left .container {
   3     position: relative;
   4     width: 200px;
   5   }
   6   .demo-menu.demo-menu__top-left .background {
   7     background: white;
   8     height: 148px;
   9     width: 100%;
  10   }
  11   .demo-menu.demo-menu__top-left .bar {
  12     box-sizing: border-box;
  13     background: #3F51B5;
  14     color: white;
  15     width: 100%;
  16     padding: 16px;
  17   }
  18 </style>
  19
  20 <div class="container mdl-shadow--2dp">
  21   <div class="background"></div>
  22   <div class="bar">
  23     {% include "top-left.html" %}
  24   </div>
  25 </div>