prism-code-editor
Version:
Lightweight, extensible code editor component for the web using Prism
7 lines (6 loc) • 4.18 kB
JavaScript
//#endregion
//#region src/setups/styles.ts
var styles_default = ".prism-code-editor{overflow:auto;display:grid;background:var(--pce-bg);line-height:1.4;--_pse: var(--padding-inline, .75em);--_ns: var(--number-spacing, .75em);--padding-left: var(--_pse);--_sp: 0px;scroll-padding:var(--_sp);-webkit-user-select:none;user-select:none;isolation:isolate;white-space:pre}.show-line-numbers{--padding-left: calc(var(--_pse) + var(--number-width) + var(--_ns));scroll-padding-left:calc(var(--padding-left) + var(--_sp));grid:1fr / 0 1fr;counter-reset:line}.pce-focus{--_sp: var(--pce-scroll-padding, 2ch)}.pce-wrapper{margin:.5em 0;position:relative;pointer-events:none;-webkit-text-size-adjust:none;text-size-adjust:none}.pce-textarea{all:unset;box-sizing:border-box;height:100%;width:100%;color:#0000;-webkit-user-select:auto;user-select:auto;overflow:hidden;pointer-events:auto;caret-color:var(--pce-cursor)}.pce-textarea::selection{color:#0000}.pce-wrapper ::selection{background:var(--pce-selection)}.pce-no-selection textarea:focus{z-index:1}.pce-line,.pce-textarea{padding:0 var(--_pse) 0 var(--padding-left);position:relative}.show-line-numbers .pce-line:before{counter-increment:line;content:counter(line);display:inline-block;margin:0 0 0 calc(-1 * var(--padding-left));padding:0 var(--_ns) 0 0;box-sizing:border-box;color:var(--pce-line-number);text-align:end}.show-line-numbers:before{content:\"\";background:inherit;pointer-events:none}.show-line-numbers:before,.pce-line:before{position:sticky;height:100%;z-index:2;left:0;width:var(--padding-left)}.pce-wrap .pce-line:before{position:absolute;margin:0}.pce-overlays,.pce-overlays>*,pre.pce-guides .pce-line:after,.pce-no-selection .active-line:after,.active-line.match-highlight:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0}.show-line-numbers .pce-line:after{inset-inline-start:var(--padding-left)}.active-line:after{border:var(--pce-border-highlight);background:var(--pce-bg-highlight);z-index:-2}.pce-wrap{white-space:pre-wrap;word-break:break-word}.selection-matches span{background:var(--pce-selection-match)}.pce-nowrap .active-bracket{display:inline-block}.pce-rtl.pce-rtl{direction:rtl}.pce-rtl.show-line-numbers{scroll-padding:var(--_sp) calc(var(--padding-left) + var(--_sp)) var(--_sp) var(--_sp)}.pce-rtl.pce-rtl:before,.pce-rtl .pce-line:before{left:auto;right:0;background:none}.pce-rtl textarea,.pce-rtl .word-matches,.pce-rtl .pce-invisibles,.pce-rtl .pce-matches,.pce-rtl .selection-matches{padding:0 var(--padding-left) 0 var(--_pse)!important}.pce-rtl .guide-indents{left:auto!important;right:var(--padding-left);transform:scaleX(-1)}.pce-rtl .pce-copy:after{left:calc(100% + .5em);right:auto}.pce-rtl.show-line-numbers .pce-line:before{padding:0 0 0 var(--_ns);background:var(--pce-bg)}.pce-rtl.pce-nowrap .pce-line:before{margin:0 calc(-1 * var(--padding-left)) 0 0}.pce-rtl .pce-line{padding:0 var(--padding-left) 0 var(--_pse)}.pce-rtl.pce-nowrap .pce-fold{right:calc(2px + var(--padding-left) - var(--_ns))}.pce-rtl .pce-fold{margin:0 calc(2px - var(--_ns)) 0 0}.pce-rtl .closed-fold>:after{transform:translateY(-50%) rotate(90deg)}div.pce-rtl .active-bracket{display:inline}@media(hover:hover){.prism-code-editor::-webkit-scrollbar-corner,.prism-code-editor::-webkit-scrollbar-track,.prism-code-editor ::-webkit-scrollbar-corner,.prism-code-editor ::-webkit-scrollbar-track{background:#0000}.prism-code-editor::-webkit-scrollbar,.prism-code-editor ::-webkit-scrollbar{height:1em;width:1em}.prism-code-editor::-webkit-scrollbar-thumb,.prism-code-editor ::-webkit-scrollbar-thumb{background:hsla(var(--pce-scrollbar),.36);width:2em;height:2em}.prism-code-editor::-webkit-scrollbar-thumb:hover,.prism-code-editor ::-webkit-scrollbar-thumb:hover{background:hsla(var(--pce-scrollbar),.5)}.prism-code-editor::-webkit-scrollbar-thumb:active,.prism-code-editor ::-webkit-scrollbar-thumb:active{background:hsla(var(--pce-scrollbar),.66)}}div.guide-indents{left:var(--padding-left);bottom:auto;right:auto}.guide-indents div{width:1px;position:absolute;background:var(--pce-guide-indent)}";
//#endregion
export { styles_default as default };
//# sourceMappingURL=styles-W5x4M6HH.js.map