@saleae/react-contexify/dist/ReactContexify.css.map

Add contextmenu to your react component with ease

{"version":3,"sources":["ReactContexify.css"],"names":[],"mappings":"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","file":"ReactContexify.css","sourcesContent":[".react-contexify {\n  position: fixed;\n  opacity: 0;\n  user-select: none;\n  background-color: #ffffff;\n  box-sizing: border-box;\n  box-shadow: rgba(0, 0, 0, 0.3) 0 10px 20px, #eeeeee 0 0 0 1px;\n  padding: 5px 0;\n  min-width: 180px; }\n  .react-contexify .react-contexify__submenu {\n    position: absolute;\n    top: 0;\n    pointer-events: none;\n    transition: opacity 0.275s; }\n  .react-contexify__submenu-arrow {\n    font-size: 12px;\n    position: absolute;\n    right: 10px;\n    line-height: 22px; }\n  .react-contexify__separator {\n    float: left;\n    width: 100%;\n    height: 1px;\n    cursor: default;\n    margin: 4px 0;\n    background-color: rgba(0, 0, 0, 0.2); }\n  .react-contexify__item {\n    cursor: pointer;\n    position: relative; }\n    .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content {\n      color: white;\n      background-color: #4393e6; }\n    .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__submenu {\n      pointer-events: initial;\n      opacity: 1; }\n    .react-contexify__item--disabled {\n      cursor: default;\n      opacity: .5; }\n    .react-contexify__item__content {\n      padding: 6px 12px;\n      display: flex;\n      text-align: left;\n      white-space: nowrap;\n      color: #333;\n      position: relative; }\n    .react-contexify__item__icon {\n      font-size: 20px;\n      margin-right: 5px;\n      font-style: normal; }\n\n.react-contexify__theme--dark {\n  padding: 6px 0;\n  background-color: rgba(40, 40, 40, 0.98);\n  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4), 0 0 0 1px #222; }\n  .react-contexify__theme--dark .react-contexify__submenu {\n    background-color: rgba(40, 40, 40, 0.98); }\n  .react-contexify__theme--dark .react-contexify__separator {\n    background-color: #eee; }\n  .react-contexify__theme--dark .react-contexify__item__content {\n    color: #ffffff; }\n  .react-contexify__theme--dark .react-contexify__item__icon {\n    margin-right: 8px;\n    width: 12px;\n    text-align: center; }\n\n.react-contexify__theme--light {\n  padding: 6px 0;\n  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2), 0 0 0 1px #eee; }\n  .react-contexify__theme--light .react-contexify__separator {\n    background-color: #eee; }\n  .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content {\n    color: #4393e6;\n    background-color: #E0EEFD; }\n  .react-contexify__theme--light .react-contexify__item__content {\n    color: #666; }\n  .react-contexify__theme--light .react-contexify__item__icon {\n    margin-right: 8px;\n    width: 12px;\n    text-align: center; }\n\n@keyframes react-contexify__popIn {\n  0% {\n    transform: scale(0); }\n  100% {\n    transform: scale(1); } }\n\n@keyframes react-contexify__popOut {\n  0% {\n    transform: scale(1); }\n  100% {\n    transform: scale(0); } }\n\n.react-contexify__will-enter--pop {\n  animation: react-contexify__popIn 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2); }\n\n.react-contexify__will-leave--pop {\n  animation: react-contexify__popOut 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.2); }\n\n@keyframes react-contexify__zoomIn {\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3); }\n  50% {\n    opacity: 1; } }\n\n@keyframes react-contexify__zoomOut {\n  from {\n    opacity: 1; }\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3); }\n  to {\n    opacity: 0; } }\n\n.react-contexify__will-enter--zoom {\n  transform-origin: top left;\n  animation: react-contexify__zoomIn 0.4s; }\n\n.react-contexify__will-leave--zoom {\n  animation: react-contexify__zoomOut 0.4s; }\n\n@keyframes react-contexify__fadeIn {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n\n@keyframes react-contexify__fadeOut {\n  from {\n    opacity: 1; }\n  to {\n    opacity: 0; } }\n\n.react-contexify__will-enter--fade {\n  animation: react-contexify__fadeIn 0.3s ease; }\n\n.react-contexify__will-leave--fade {\n  animation: react-contexify__fadeOut 0.3s ease; }\n\n@keyframes react-contexify__flipInX {\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in; }\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in; }\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n  to {\n    transform: perspective(400px); } }\n\n@keyframes react-contexify__flipOutX {\n  from {\n    transform: perspective(400px); }\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1; }\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0; } }\n\n.react-contexify__will-enter--flip {\n  backface-visibility: visible !important;\n  animation: react-contexify__flipInX 0.65s; }\n\n.react-contexify__will-leave--flip {\n  animation: react-contexify__flipOutX 0.65s;\n  backface-visibility: visible !important; }\n"]}