editor-mask-web.css 696 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .note-mask {
  2. all: initial;
  3. position: fixed;
  4. z-index: 2147483645;
  5. pointer-events: none;
  6. background-color: transparent;
  7. transition: background-color 125ms;
  8. }
  9. .note-mask-moving.note-yellow {
  10. background-color: rgba(255, 255, 124, .3);
  11. }
  12. .note-mask-moving.note-pink {
  13. background-color: rgba(255, 187, 182, .3);
  14. }
  15. .note-mask-moving.note-blue {
  16. background-color: rgba(149, 208, 255, .3);
  17. }
  18. .note-mask-moving.note-green {
  19. background-color: rgba(156, 255, 149, .3);
  20. }
  21. .page-mask {
  22. all: initial;
  23. position: fixed;
  24. top: 0;
  25. left: 0;
  26. width: 0;
  27. height: 0;
  28. z-index: 2147483646;
  29. }
  30. .page-mask-active {
  31. width: 100vw;
  32. height: 100vh;
  33. }