OLD | NEW |
(Empty) | |
| 1 /* |
| 2 Copyright 2013 The Polymer Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style |
| 4 license that can be found in the LICENSE file. |
| 5 */ |
| 6 |
| 7 :host { |
| 8 position: relative; |
| 9 display: inline-block; |
| 10 } |
| 11 |
| 12 :host(.fullwidth:host) { |
| 13 position: static; |
| 14 } |
| 15 |
| 16 #overlay { |
| 17 position: absolute; |
| 18 left: 0; |
| 19 top: 42px; |
| 20 } |
| 21 |
| 22 #overlay[halign=right] { |
| 23 left: auto; |
| 24 right: 10px; |
| 25 } |
| 26 |
| 27 #overlay[valign=top] { |
| 28 top: auto; |
| 29 bottom: 48px; |
| 30 } |
| 31 |
| 32 #overlayMenu { |
| 33 display: inline-block; |
| 34 position: relative; |
| 35 top: -1px; |
| 36 box-sizing: border-box; |
| 37 -moz-box-sizing: border-box; |
| 38 background: white; |
| 39 border: 1px solid rgba(0, 0, 0, 0.15); |
| 40 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); |
| 41 margin: 7px 0 0 7px; |
| 42 } |
| 43 |
| 44 @media screen and (max-width: 800px) { |
| 45 #overlay, |
| 46 #overlay[align=right] { |
| 47 left: 0; |
| 48 width: 100%; |
| 49 -webkit-transform: none; |
| 50 transform: none; |
| 51 } |
| 52 } |
| 53 |
| 54 #arrow { |
| 55 height: 18px; |
| 56 } |
OLD | NEW |