contextMenu.less 624 B

12345678910111213141516171819202122232425262728293031323334
  1. @import "colours.less";
  2. .contextMenu{
  3. position: absolute;
  4. float:left;
  5. background:@background;
  6. border:1px solid @Grey-500;
  7. border-radius:5px;
  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. .menuItem{
  16. padding: 0 5px;
  17. position:relative;
  18. white-space: nowrap;
  19. &:hover{
  20. background: @accent-200;
  21. }
  22. &:not(:last-child){
  23. border-bottom: 1px solid @Grey-200;
  24. }
  25. .arrow{
  26. text-align: right;
  27. }
  28. }
  29. }