third_party/polymer/components/core-header-panel/core-header-panel.css

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