You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
1.6 KiB

7 years ago
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.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. @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. -webkit-transition: 0.2s ease-out margin;
  29. transition: 0.2s ease-out margin; }
  30. .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  31. margin: 0; }
  32. .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  33. z-index: 2; }
  34. .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  35. margin-top: -2px; }
  36. .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
  37. -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
  38. animation: subheaderStickyHoverOut 0.3s ease-out both; }
  39. .md-subheader {
  40. display: block;
  41. font-size: 14px;
  42. font-weight: 500;
  43. line-height: 1em;
  44. margin: 0 0 0 0;
  45. position: relative; }
  46. .md-subheader .md-subheader-inner {
  47. display: block;
  48. padding: 16px; }
  49. .md-subheader .md-subheader-content {
  50. display: block;
  51. z-index: 1;
  52. position: relative; }