1/*
2Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
4The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
6Code distributed by Google as part of the polymer project is also
7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
8*/
9
10:host {
11  display: block;
12  position: relative;
13}
14
15#outerContainer {
16  position: absolute;
17  top: 0;
18  right: 0;
19  bottom: 0;
20  left: 0;
21  overflow-y: auto;
22  overflow-x: hidden;
23  -webkit-overflow-scrolling: touch;
24}
25
26#mainPanel {
27  position: relative;
28}
29
30#mainContainer {
31  position: relative;
32  overflow-y: auto;
33  overflow-x: hidden;
34  -webkit-overflow-scrolling: touch;
35}
36
37#dropShadow {
38  position: absolute;
39  top: 0;
40  left: 0;
41  right: 0;
42  height: 6px;
43  box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
44}
45
46#dropShadow.hidden {
47  display: none;
48}
49
50/*
51mode: scroll
52*/
53:host([mode=scroll]) #mainContainer {
54  overflow: visible;
55}
56
57/*
58mode: cover
59*/
60:host([mode=cover]) #mainPanel {
61  position: static;
62}
63
64:host([mode=cover]) #mainContainer {
65  position: absolute;
66  top: 0;
67  right: 0;
68  bottom: 0;
69  left: 0;
70}
71
72:host([mode=cover]) #dropShadow {
73  position: static;
74  width: 100%;
75}
76