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