_menu.scss 789 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @use "sass:map";
  2. .ui-editor-menu {
  3. user-select: none;
  4. width: var(--editor-menu-width);
  5. filter: var(--editor-menu-filter);
  6. background-color: var(--editor-menu-back);
  7. position: fixed;
  8. left: var(--editor-menu-left);
  9. top: var(--editor-head-height);
  10. bottom: 0;
  11. z-index: 2000;
  12. overflow: hidden;
  13. backdrop-filter: blur(4px);
  14. >div{
  15. height: 100%;
  16. width: 100%;
  17. overflow: visible;
  18. }
  19. .ui-editor-menu-item {
  20. width: var(--editor-menu-width);
  21. height: var(--editor-menu-width);
  22. }
  23. &::after{
  24. position: absolute;
  25. content: "";
  26. top: 0;
  27. bottom: 0;
  28. right: 0;
  29. border-left: solid 1px rgba(255, 255, 255, 0.16);
  30. border-right: solid 1px #000;
  31. }
  32. }