subheader.css 1.6 KB

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