prism-react-editor
Version:
Lightweight, extensible code editor component for React apps
2 lines (1 loc) • 3.98 kB
CSS
.pce-ac-icon{display:flex;flex-shrink:0;align-items:center;margin-right:-.25em}.pce-ac-icon:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:no-repeat var(--mask);mask:no-repeat var(--mask)}.pce-ac-row[aria-selected] .pce-ac-icon:before{color:var(--widget__color-active)}.pce-ac-icon-namespace{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m6 2.5a2 2 0 00-2 2V6a2 2 0 01-2 2 2 2 0 012 2v1.5a2 2 0 002 2m4-11a2 2 0 012 2V6a2 2 0 002 2 2 2 0 00-2 2v1.5a2 2 0 01-2 2"/></svg>')}.pce-ac-icon-unit{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m3.5 1.5h9v13h-9zm.5 2h4m-4 3h2m-2 3h4m-4 3h2"/></svg>')}.pce-ac-icon-parameter{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="none"><path stroke-linejoin="bevel" d="m3.3 6.2L1.5 8l1.8 1.8m9.4 0 1.8-1.8-1.8-1.8"/><path d="m5.5 6V4.5h5V6M8 5v6.5h1.5-3m.5 0a1 1 0 001-1 1 1 0 001 1m1.5-6a1 1 0 00-1-1m-3 0a1 1 0 00-1 1"/></svg>')}.pce-ac-icon-snippet{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m2.5 13V1.5h12V13M2 14.5h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1"/></svg>')}.pce-ac-icon-enum{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2 7h6l1 1v5l-1 1H2l-1-1V8zv6h6V8H2zm1 2h4v1H3zm0 2h4v1H3zm4-5V3l1-1h6l1 1v5l-1 1h-4V8h4V3H8v3zm2-2h4v1H9zm0 2h4v1H9.41L9 6.59z"/></svg>')}.pce-ac-icon-interface{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m4 8h4.5a3 3 0 016 0 3 3 0 01-6 0"/><circle cx="3" cy="8" r="2"/></svg>')}.pce-ac-icon-constant{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m1.5 3.5h13v9h-13zm2.5 3h8m0 3H4"/></svg>')}.pce-ac-icon-class{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m5.5 1.5 2 2-4 4-2-2 4-4zm0 4v7h5.5m-.5.5 2.5-2.5 1.5 1.5-2.5 2.5zm-5-5.5h5.5m-.5.5 2.5-2.5 1.5 1.5-2.5 2.5z"/></svg>')}.pce-ac-icon-property{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m7.24 6.86a3.8 3.8 0 015.02-5.02l-2.8 2.8 1.9 1.9 2.8-2.8a3.8 3.8 0 01-5.02 5.02l-5.35 5.35a.95.95 0 01-1.9-1.9z"/></svg>')}.pce-ac-icon-variable{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m4 4.5H1.5v8H4m8 0h2.5v-8H12m-3 1L11.5 7v2.5l-4.5 2L4.5 10V7.5zm-4.5 2L7 9v2.5M7 9l4.5-2"/></svg>')}.pce-ac-icon-function{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m8 1.25l5.5 3.3v6.6l-5.5 3.3-5.5-3.3v-6.6zM2.5 4.85l5.5 3v6.5m0-6.5l5.5-3"/></svg>')}.pce-ac-icon-keyword{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m1.5 2.5h6v2h-6zm8.5 1h5m-14 4h11m-11 3h6m3 0h5m-3 3h2m-13 0h9"/></svg>')}.pce-ac-icon-text{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" d="m1.55 7a1.2 1.2 0 011.2-.8h.6a1.2 1.2 0 011.2 1.2v3.72m0-3.09-2 .3a1.2 1.2 0 000 2.39h.1a1.9 1.9 0 001.9-2m1.7-5.2v7.6m1.85-.4a1.85 2.3 0 010-4.6 1.85 2.3 0 010 4.6m6.6-.8a1.85 2.3 0 110-3"/></svg>')}.pce-ac-icon-event{--mask: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="red" fill="none" stroke-linejoin="bevel" d="m3.9 14.1 2.5-4.6H3.55l3.9-8h4.53l-3.29 5h3.97l-7.97 8.17"/></svg>')}