Home | History | Annotate | Download | only in paper-shadow 
      1 .paper-shadow {
      2   position: absolute;
      3   top: 0;
      4   left: 0;
      5   bottom: 0;
      6   right: 0;
      7   border-radius: inherit;
      8   pointer-events: none;
      9 }
     10 
     11 .paper-shadow-animated.paper-shadow {
     12   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
     13 }
     14 
     15 .paper-shadow-top-z-1 {
     16   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
     17 }
     18 
     19 .paper-shadow-bottom-z-1 {
     20   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     21 }
     22 
     23 .paper-shadow-top-z-2 {
     24   box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     25 }
     26 
     27 .paper-shadow-bottom-z-2 {
     28   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
     29 }
     30 
     31 .paper-shadow-top-z-3 {
     32   box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
     33 }
     34 
     35 .paper-shadow-bottom-z-3 {
     36   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
     37 }
     38 
     39 .paper-shadow-top-z-4 {
     40   box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
     41 }
     42 
     43 .paper-shadow-bottom-z-4 {
     44   box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
     45 }
     46 
     47 .paper-shadow-top-z-5 {
     48   box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22);
     49 }
     50 
     51 .paper-shadow-bottom-z-5 {
     52   box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
     53 }
     54 
     55 .paper-shadow-animate-z-1-z-2.paper-shadow-top {
     56   -webkit-transition: none;
     57   -webkit-animation: animate-shadow-top-z-1-z-2 0.7s infinite alternate;
     58 }
     59 
     60 .paper-shadow-animate-z-1-z-2 .paper-shadow-bottom {
     61   -webkit-transition: none;
     62   -webkit-animation: animate-shadow-bottom-z-1-z-2 0.7s infinite alternate;
     63 }
     64 
     65 @-webkit-keyframes animate-shadow-top-z-1-z-2 {
     66   0% {
     67     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
     68   }
     69   100% {
     70     box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     71   }
     72 }
     73 
     74 @-webkit-keyframes animate-shadow-bottom-z-1-z-2 {
     75   0% {
     76     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     77   }
     78   100% {
     79     box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
     80   }
     81 }