contextMenu.less 640 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import "colours.less";
  2. .contextMenu{
  3. position: absolute;
  4. float:left;
  5. background:@background;
  6. border:1px solid @Grey-500;
  7. border-radius:3px;
  8. padding: 3px 0;
  9. box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
  10. -webkit-user-select: none; /* Chrome all / Safari all */
  11. -moz-user-select: none; /* Firefox all */
  12. -ms-user-select: none; /* IE 10+ */
  13. user-select: none;
  14. cursor:default;
  15. z-index:10000;
  16. .menuItem{
  17. padding: 0 5px;
  18. position:relative;
  19. white-space: nowrap;
  20. &:hover{
  21. background: @accent-200;
  22. }
  23. &:not(:last-child){
  24. border-bottom: 1px solid @Grey-200;
  25. }
  26. .arrow{
  27. text-align: right;
  28. }
  29. }
  30. }