UNPKG

vue-simple-context-menu

Version:

Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use.

1 lines 2.33 kB
{"version":3,"sources":["webpack:///./example/App.vue","webpack:///./src/vue-simple-context-menu.vue"],"names":[],"mappings":";AAAA,KAAK,WAAW,eAAe,WAAW,KAAK,SAAS,YAAY,aAAa,WAAW,8BAA8B,KAAK,YAAY,aAAa,WAAW,gBAAgB,WAAW,gBAAgB,sBAAsB,kBAAkB,kBAAkB,mBAAmB,kBAAkB,yBAAyB,WAAW,iBAAiB,KAAK,yBAAyB,iBAAiB,SAAS,iBAAiB,+BAA+B,yCAAyC,wBAAwB,QAAQ,oBAAoB,QAAQ,yBAAyB,QAAQ,yBAAyB,yBAAyB,+BAA+B,eAAe,yBAAyB,0C;ACAzsB,yBAAyB,yBAAyB,wBAAwB,kBAAkB,yCAAyC,aAAa,oJAAoJ,OAAO,gBAAgB,SAAS,UAAU,kBAAkB,MAAM,gBAAgB,iCAAiC,cAAc,+BAA+B,mBAAmB,WAAW,eAAe,aAAa,iBAAiB,qCAAqC,yBAAyB,WAAW,kCAAkC,4BAA4B,yBAAyB,uBAAuB,WAAW,cAAc,oBAAoB,0CAA0C,eAAe,yCAAyC,kB","file":"main.css","sourcesContent":["html{width:100%;font-size:18px;color:#333}body{margin:0;height:100%;height:100vh;width:100%;font-family:\"Muli\",sans-serif}#app{height:100%;height:100vh;width:100%;line-height:1.5}.code-text{background:#eee;border:1px solid #ddd;padding:10px 20px;border-radius:4px;margin-bottom:20px;text-align:center}@media(min-width: 992px){.code-text{margin-bottom:0}}.btn{text-transform:uppercase;font-weight:bold}textarea{min-height:175px}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}",".vue-simple-context-menu{background-color:#ecf0f1;border-bottom-width:0px;border-radius:4px;box-shadow:0 3px 6px 0 rgba(51,51,51,.2);display:none;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;left:0;list-style:none;margin:0;padding:0;position:absolute;top:0;z-index:1000000}.vue-simple-context-menu--active{display:block}.vue-simple-context-menu__item{align-items:center;color:#333;cursor:pointer;display:flex;padding:5px 15px}.vue-simple-context-menu__item:hover{background-color:#007aff;color:#fff}.vue-simple-context-menu__divider{background-clip:content-box;background-color:#c0cdd1;box-sizing:content-box;height:2px;padding:4px 0;pointer-events:none}.vue-simple-context-menu li:first-of-type{margin-top:4px}.vue-simple-context-menu li:last-of-type{margin-bottom:4px}"],"sourceRoot":""}