|
|
/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.1.1 */ @-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-wrapper:not(.md-sticky-no-effect) { -webkit-transition: 0.2s ease-out margin; transition: 0.2s ease-out margin; } .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader { margin: 0; } .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone { z-index: 2; } .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] { margin-top: -2px; } .md-subheader-wrapper: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 { display: block; font-size: 14px; font-weight: 500; line-height: 1em; margin: 0 0 0 0; position: relative; } .md-subheader .md-subheader-inner { display: block; padding: 16px; } .md-subheader .md-subheader-content { display: block; z-index: 1; position: relative; }
|