panel.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*!
  2. * AngularJS Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.8-master-aba7b2b
  6. */
  7. .md-panel-outer-wrapper {
  8. height: 100%;
  9. left: 0;
  10. position: absolute;
  11. top: 0;
  12. width: 100%; }
  13. ._md-panel-hidden {
  14. display: none; }
  15. ._md-panel-offscreen {
  16. left: -9999px; }
  17. ._md-panel-fullscreen {
  18. border-radius: 0;
  19. left: 0;
  20. min-height: 100%;
  21. min-width: 100%;
  22. position: fixed;
  23. top: 0; }
  24. ._md-panel-shown .md-panel {
  25. opacity: 1;
  26. -webkit-transition: none;
  27. transition: none; }
  28. .md-panel {
  29. opacity: 0;
  30. position: fixed; }
  31. .md-panel._md-panel-shown {
  32. opacity: 1;
  33. -webkit-transition: none;
  34. transition: none; }
  35. .md-panel._md-panel-animate-enter {
  36. opacity: 1;
  37. -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  38. transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
  39. .md-panel._md-panel-animate-leave {
  40. opacity: 1;
  41. -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  42. transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
  43. .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  44. opacity: 0; }
  45. .md-panel._md-panel-backdrop {
  46. height: 100%;
  47. position: absolute;
  48. width: 100%; }
  49. .md-panel._md-opaque-enter {
  50. opacity: .48;
  51. -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  52. transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
  53. .md-panel._md-opaque-leave {
  54. -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
  55. transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }