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.4 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  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-fullscreen {
  16. border-radius: 0;
  17. left: 0;
  18. min-height: 100%;
  19. min-width: 100%;
  20. position: fixed;
  21. top: 0; }
  22. ._md-panel-shown .md-panel {
  23. opacity: 1;
  24. -webkit-transition: none;
  25. transition: none; }
  26. .md-panel {
  27. opacity: 0;
  28. position: fixed; }
  29. .md-panel._md-panel-shown {
  30. opacity: 1;
  31. -webkit-transition: none;
  32. transition: none; }
  33. .md-panel._md-panel-animate-enter {
  34. opacity: 1;
  35. -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  36. transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
  37. .md-panel._md-panel-animate-leave {
  38. opacity: 1;
  39. -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  40. transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
  41. .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  42. opacity: 0; }
  43. .md-panel._md-panel-backdrop {
  44. height: 100%;
  45. position: absolute;
  46. width: 100%; }
  47. .md-panel._md-opaque-enter {
  48. opacity: .48;
  49. -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  50. transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
  51. .md-panel._md-opaque-leave {
  52. -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
  53. transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }