1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | @-webkit-keyframes subheaderStickyHoverIn {
|
---|
8 | 0% {
|
---|
9 | box-shadow: 0 0 0 0 transparent; }
|
---|
10 | 100% {
|
---|
11 | box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
|
---|
12 |
|
---|
13 | @keyframes subheaderStickyHoverIn {
|
---|
14 | 0% {
|
---|
15 | box-shadow: 0 0 0 0 transparent; }
|
---|
16 | 100% {
|
---|
17 | box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
|
---|
18 |
|
---|
19 | @-webkit-keyframes subheaderStickyHoverOut {
|
---|
20 | 0% {
|
---|
21 | box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
|
---|
22 | 100% {
|
---|
23 | box-shadow: 0 0 0 0 transparent; } }
|
---|
24 |
|
---|
25 | @keyframes subheaderStickyHoverOut {
|
---|
26 | 0% {
|
---|
27 | box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
|
---|
28 | 100% {
|
---|
29 | box-shadow: 0 0 0 0 transparent; } }
|
---|
30 |
|
---|
31 | .md-subheader-wrapper:not(.md-sticky-no-effect) {
|
---|
32 | transition: 0.2s ease-out margin; }
|
---|
33 | .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
|
---|
34 | margin: 0; }
|
---|
35 | .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
|
---|
36 | z-index: 2; }
|
---|
37 | .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
|
---|
38 | margin-top: -2px; }
|
---|
39 | .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
|
---|
40 | -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
|
---|
41 | animation: subheaderStickyHoverOut 0.3s ease-out both; }
|
---|
42 |
|
---|
43 | .md-subheader {
|
---|
44 | display: block;
|
---|
45 | font-size: 14px;
|
---|
46 | font-weight: 500;
|
---|
47 | line-height: 1em;
|
---|
48 | margin: 0 0 0 0;
|
---|
49 | position: relative; }
|
---|
50 | .md-subheader .md-subheader-inner {
|
---|
51 | display: block;
|
---|
52 | padding: 16px; }
|
---|
53 | .md-subheader .md-subheader-content {
|
---|
54 | display: block;
|
---|
55 | z-index: 1;
|
---|
56 | position: relative; }
|
---|