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

Side by Side Diff: polymer_0.5.0/bower_components/paper-shadow/paper-shadow.css

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 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) 2014 The Polymer Project Authors. All rights reserved. 3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 * This code may only be used under the BSD style license found at http://polyme r.github.io/LICENSE.txt 4 * This code may only be used under the BSD style license found at http://polyme r.github.io/LICENSE.txt
5 * The complete set of authors may be found at http://polymer.github.io/AUTHORS. txt 5 * The complete set of authors may be found at http://polymer.github.io/AUTHORS. txt
6 * The complete set of contributors may be found at http://polymer.github.io/CON TRIBUTORS.txt 6 * The complete set of contributors may be found at http://polymer.github.io/CON TRIBUTORS.txt
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/PA TENTS.txt 8 * subject to an additional IP rights grant found at http://polymer.github.io/PA TENTS.txt
9 */ 9 */
10 10
11 .paper-shadow { 11 html /deep/ paper-shadow,
12 position: absolute; 12 html /deep/ paper-animated-shadow {
13 top: 0; 13 display: block;
14 left: 0; 14 position: relative;
15 bottom: 0; 15 }
16 right: 0; 16
17 html /deep/ paper-shadow::shadow #shadow-bottom,
18 html /deep/ paper-shadow::shadow #shadow-top {
17 border-radius: inherit; 19 border-radius: inherit;
18 pointer-events: none; 20 pointer-events: none;
19 } 21 }
20 22
21 .paper-shadow-animated.paper-shadow { 23 html /deep/ paper-shadow::shadow #shadow-bottom[animated],
24 html /deep/ paper-shadow::shadow #shadow-top[animated] {
22 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); 25 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
23 } 26 }
24 27
25 .paper-shadow-top-z-1 { 28 html /deep/ .paper-shadow-top-z-1 {
26 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16); 29 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
27 } 30 }
28 31
29 .paper-shadow-bottom-z-1 { 32 html /deep/ .paper-shadow-bottom-z-1 {
30 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); 33 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
31 } 34 }
32 35
33 .paper-shadow-top-z-2 { 36 html /deep/ .paper-shadow-top-z-2 {
34 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19); 37 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
35 } 38 }
36 39
37 .paper-shadow-bottom-z-2 { 40 html /deep/ .paper-shadow-bottom-z-2 {
38 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); 41 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
39 } 42 }
40 43
41 .paper-shadow-top-z-3 { 44 html /deep/ .paper-shadow-top-z-3 {
42 box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19); 45 box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
43 } 46 }
44 47
45 .paper-shadow-bottom-z-3 { 48 html /deep/ .paper-shadow-bottom-z-3 {
46 box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24); 49 box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
47 } 50 }
48 51
49 .paper-shadow-top-z-4 { 52 html /deep/ .paper-shadow-top-z-4 {
50 box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21); 53 box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
51 } 54 }
52 55
53 .paper-shadow-bottom-z-4 { 56 html /deep/ .paper-shadow-bottom-z-4 {
54 box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22); 57 box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
55 } 58 }
56 59
57 .paper-shadow-top-z-5 { 60 html /deep/ .paper-shadow-top-z-5 {
58 box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22); 61 box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22);
59 } 62 }
60 63
61 .paper-shadow-bottom-z-5 { 64 html /deep/ .paper-shadow-bottom-z-5 {
62 box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2); 65 box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
63 }
64
65 .paper-shadow-animate-z-1-z-2.paper-shadow-top {
66 -webkit-transition: none;
67 -webkit-animation: animate-shadow-top-z-1-z-2 0.7s infinite alternate;
68 }
69
70 .paper-shadow-animate-z-1-z-2 .paper-shadow-bottom {
71 -webkit-transition: none;
72 -webkit-animation: animate-shadow-bottom-z-1-z-2 0.7s infinite alternate;
73 }
74
75 @-webkit-keyframes animate-shadow-top-z-1-z-2 {
76 0% {
77 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
78 }
79 100% {
80 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
81 }
82 }
83
84 @-webkit-keyframes animate-shadow-bottom-z-1-z-2 {
85 0% {
86 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
87 }
88 100% {
89 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
90 }
91 } 66 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698