aad0b9b3d657987a01cb06efcdcd7b9e371f872b6eb0023c3cf8b005b5fa22919bdb6969031c94a0e739cc36233819f06e8471687843bb72ecfb1eaf3ac9aa 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // Container Sizing
  2. $context-menu-min-width: 13em !default;
  3. $context-menu-max-width: $context-menu-min-width * 2 !default;
  4. $context-menu-container-padding: .25em 0 !default;
  5. $context-menu-container-margin: .3em !default;
  6. $context-menu-border-radius: .2em !default;
  7. // Container Font
  8. $context-menu-font-family: inherit !default;
  9. $context-menu-font-size: inherit !default;
  10. // Container Color
  11. $context-menu-background-color: #FFF !default;
  12. $context-menu-border-width: 1px !default;
  13. $context-menu-border-style: solid !default;
  14. $context-menu-border-color: #bebebe !default;
  15. $context-menu-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !default;
  16. // Item Sizing
  17. $context-menu-padding-vertical: .2em !default;
  18. $context-menu-padding-horizontal: 2em !default;
  19. // Item Default
  20. $context-menu-item-padding: $context-menu-padding-vertical $context-menu-padding-horizontal !default;
  21. $context-menu-text-color: #2F2F2F !default;
  22. $context-menu-item-color: $context-menu-background-color !default;
  23. // Item Hover
  24. $context-menu-item-color-hover: #2980B9 !default;
  25. $context-menu-text-color-hover: #FFF !default;
  26. // Item Disabled
  27. $context-menu-item-color-disabled: $context-menu-background-color !default;
  28. $context-menu-text-color-disabled: lighten($context-menu-text-color, 55) !default;
  29. // Submenu
  30. $context-menu-submenu-arrow-color: $context-menu-text-color !default;
  31. // Separator
  32. $context-menu-separator-height: 1px !default;
  33. $context-menu-separator-style: solid !default;
  34. $context-menu-separator-color: darken($context-menu-background-color, 10) !default;
  35. $context-menu-separator-margin: .35em 0 !default;
  36. // Icons
  37. $context-menu-icon-font-path: 'font/' !default;
  38. $context-menu-icon-font-name: 'context-menu-icons' !default;
  39. $context-menu-icon-size: 1em !default;
  40. $context-menu-icon-color: #2980B9;
  41. $context-menu-icon-color-hover: $context-menu-text-color-hover;
  42. @keyframes cm-spin {
  43. 0% {
  44. -webkit-transform: translateY(-50%) rotate(0deg);
  45. transform: translateY(-50%) rotate(0deg)
  46. }
  47. 100% {
  48. -webkit-transform: translateY(-50%) rotate(359deg);
  49. transform: translateY(-50%) rotate(359deg)
  50. }
  51. }