Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(418)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.css

Issue 1336623003: [MD settings] updating polymer to 1.1.13 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: changed Polymer.IronCheckedElementBehavior name Created 5 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /** 1 /**
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS
9 */ 9 */
10 10
11 :host { 11 :host {
12 --paper-header-panel-shadow: {
13 height: 6px;
14 bottom: -6px;
15 box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
16 };
17
12 @apply(--layout-vertical); 18 @apply(--layout-vertical);
13 19
14 position: relative; 20 position: relative;
15 height: 100%; 21 height: 100%;
16 } 22 }
17 23
18 /**
19 * Default paper header panel shadow
20 */
21 :root {
22 --paper-header-panel-shadow: {
23 height: 6px;
24 bottom: -6px;
25 box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
26 };
27 }
28
29 #mainContainer { 24 #mainContainer {
30 @apply(--layout-flex); 25 @apply(--layout-flex);
31 26
32 position: relative; 27 position: relative;
33 overflow-y: auto; 28 overflow-y: auto;
34 overflow-x: hidden; 29 overflow-x: hidden;
35 -webkit-overflow-scrolling: touch; 30 -webkit-overflow-scrolling: touch;
36 } 31 }
37 32
38 #mainPanel { 33 #mainPanel {
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
99 /* 94 /*
100 * mode: waterfall-tall 95 * mode: waterfall-tall
101 */ 96 */
102 :host([mode=waterfall-tall]) #mainContainer { 97 :host([mode=waterfall-tall]) #mainContainer {
103 @apply(--paper-header-panel-waterfall-tall-container); 98 @apply(--paper-header-panel-waterfall-tall-container);
104 } 99 }
105 100
106 #dropShadow { 101 #dropShadow {
107 @apply(--paper-header-panel-shadow); 102 @apply(--paper-header-panel-shadow);
108 103
109 -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
110 transition: opacity 0.5s, transform 0.5s;
111
112 -webkit-transform: scale3d(1, 0, 1);
113 transform: scale3d(1, 0, 1);
114
115 -webkit-transform-origin: left top;
116 transform-origin: left top;
117
118 position: absolute; 104 position: absolute;
119 top: 0; 105 top: 0;
120 left: 0; 106 left: 0;
121 right: 0; 107 right: 0;
122 height: 6px; 108 height: 6px;
109 pointer-events: none;
110
111 -webkit-transition: opacity 0.5s;
112 transition: opacity 0.5s;
113
123 opacity: 0; 114 opacity: 0;
124 } 115 }
125 116
126 #dropShadow.has-shadow { 117 #dropShadow.has-shadow {
127 opacity: 1; 118 opacity: 1;
128
129 -webkit-transform: scale3d(1, 1, 1);
130 transform: scale3d(1, 1, 1);
131 } 119 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698