| Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame^] | 1 | <style> |
| 2 | .demo-menu.demo-menu__top-right .container { |
| 3 | position: relative; |
| 4 | width: 200px; |
| 5 | } |
| 6 | .demo-menu.demo-menu__top-right .background { |
| 7 | background: white; |
| 8 | height: 148px; |
| 9 | width: 100%; |
| 10 | } |
| 11 | .demo-menu.demo-menu__top-right .bar { |
| 12 | box-sizing: border-box; |
| 13 | position: relative; |
| 14 | background: #3F51B5; |
| 15 | color: white; |
| 16 | height: 64px; |
| 17 | width: 100%; |
| 18 | padding: 16px; |
| 19 | } |
| 20 | .demo-menu.demo-menu__top-right .wrapper { |
| 21 | box-sizing: border-box; |
| 22 | position: absolute; |
| 23 | right: 16px; |
| 24 | } |
| 25 | </style> |
| 26 | |
| 27 | <div class="container mdl-shadow--2dp"> |
| 28 | <div class="background"></div> |
| 29 | <div class="bar"> |
| 30 | <div class="wrapper"> |
| 31 | {% include "top-right.html" %} |
| 32 | </div> |
| 33 | </div> |
| 34 | </div> |