1.react-contextmenu { 2 min-width: 160px; 3 padding: 5px 0; 4 margin: 2px 0 0; 5 font-size: 16px; 6 color: #373a3c; 7 text-align: left; 8 background-color: #fff; 9 background-clip: padding-box; 10 border: 1px solid rgba(0,0,0,.15); 11 border-radius: .25rem; 12 outline: none; 13 opacity: 0; 14 pointer-events: none; 15 transition: opacity 250ms ease !important; 16} 17 18.react-contextmenu.react-contextmenu--visible { 19 opacity: 1; 20 pointer-events: auto; 21} 22 23.react-contextmenu-item { 24 padding: 3px 20px; 25 font-weight: 400; 26 line-height: 1.5; 27 color: #373a3c; 28 text-align: inherit; 29 white-space: nowrap; 30 background: 0 0; 31 border: 0; 32 cursor: pointer; 33} 34 35.react-contextmenu-item.react-contextmenu-item--active, 36.react-contextmenu-item.react-contextmenu-item--selected { 37 color: #fff; 38 background-color: #20a0ff; 39 border-color: #20a0ff; 40 text-decoration: none; 41} 42 43.react-contextmenu-item.react-contextmenu-item--disabled, 44.react-contextmenu-item.react-contextmenu-item--disabled:hover { 45 color: #878a8c; 46 background-color: transparent; 47 border-color: rgba(0,0,0,.15); 48} 49 50.react-contextmenu-item--divider { 51 margin-bottom: 3px; 52 padding: 2px 0; 53 border-bottom: 1px solid rgba(0,0,0,.15); 54 cursor: inherit; 55} 56.react-contextmenu-item--divider:hover { 57 background-color: transparent; 58 border-color: rgba(0,0,0,.15); 59} 60 61.react-contextmenu-item.react-contextmenu-submenu { 62 padding: 0; 63} 64 65.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item { 66} 67 68.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after { 69 content: "▶"; 70 display: inline-block; 71 position: absolute; 72 right: 7px; 73} 74 75.example-multiple-targets::after { 76 content: attr(data-count); 77 display: block; 78}