64 lines
1.7 KiB
CSS
64 lines
1.7 KiB
CSS
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.10.0
|
|
*/
|
|
/* mixin definition ; sets LTR and RTL within the same style call */
|
|
@-webkit-keyframes subheaderStickyHoverIn {
|
|
0% {
|
|
box-shadow: 0 0 0 0 transparent; }
|
|
|
|
100% {
|
|
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
|
|
@keyframes subheaderStickyHoverIn {
|
|
0% {
|
|
box-shadow: 0 0 0 0 transparent; }
|
|
|
|
100% {
|
|
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
|
|
|
|
@-webkit-keyframes subheaderStickyHoverOut {
|
|
0% {
|
|
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 transparent; } }
|
|
|
|
@keyframes subheaderStickyHoverOut {
|
|
0% {
|
|
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 transparent; } }
|
|
|
|
.md-subheader {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1em;
|
|
margin: 0 0 0 0;
|
|
margin-right: 16px;
|
|
position: relative; }
|
|
.md-subheader .md-subheader-inner {
|
|
padding: 16px 0px 16px 16px; }
|
|
.md-subheader:not(.md-sticky-no-effect) {
|
|
transition: 0.2s ease-out margin; }
|
|
.md-subheader:not(.md-sticky-no-effect):after {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
right: -16px;
|
|
content: ''; }
|
|
.md-subheader:not(.md-sticky-no-effect).md-sticky-clone {
|
|
z-index: 2; }
|
|
.md-subheader:not(.md-sticky-no-effect)[sticky-state="active"] {
|
|
margin-top: -2px; }
|
|
.md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
|
|
-webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
|
|
animation: subheaderStickyHoverOut 0.3s ease-out both; }
|
|
.md-subheader .md-subheader-content {
|
|
z-index: 1;
|
|
position: relative; }
|