Template:CodeBlock/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<noinclude>
<div style="overflow:hidden;background-color:rgba(0,0,0,.3);border-radius:4px; font-family:monospace,monospace; line-height:1.125rem; text-indent:0; white-space:pre-wrap; margin: .3em 0 .3em 0"><div style="width:100%">
    {{modernTodo|Add syntax highlighting for relevant languages such as C, C++, Squirrel, Lua, AngelScript, Python, and QuakeC, as well as common non-code syntax, such as VMT, VMF, Soundscapes/scripts, RAD files, Studiomdl QC/QCI, etc.}}
                 <div style="position:relative;width:100%;display:flex;max-height:unset;overflow:auto">
</noinclude>
                     <div style="width:100%;text-indent:0;line-height:1.6em;white-space:pre;height:100%;tab-size:4;">
{{Doc}}__NOEDITSECTION__
                         <div style="padding:.45em .5em;position:relative">1
<includeonly>
2
    <onlyinclude>
3
        <div
4
            style="overflow:hidden;background-color:{{#switch:{{{style|}}}|1=rgba(0,0,0,.1)|rgba(0,0,0,.3)}};{{#switch:{{{style|}}}|1=border:1px solid rgba(48,48,48,1);|}}border-radius:4px; font-family:monospace,monospace; line-height:1.125rem; text-indent:0; white-space:pre-wrap; margin: {{{margin|.3em 0 .3em 0}}}"><!--
5
-->{{#if:{{{src|{{{lang|}}}}}}|<div
<span style="user-select:none"></span></div>
                style="display:flexbackground-color:rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.1); font-family:monospace,monospace;line-height:1.125rem; text-indent:0; white-space:pre-wrap; padding:.5em"><!--
              </div>
-->
                <div>{{{src|The source was not specified}}}<span style=user-select:none></span></div><!--
-->{{#if:{{{lang|}}}|<div>{{#switch:{{{lang}}}|plain=Plain
                    text|html=HTML|css=CSS|scss=SCSS|less=LESS|js=JavaScript|json=JSON|php=PHP|c=C|cs=C#|cpp=C++|pascal=Pascal|python=Python|java=Java|squirrel=Squirrel|lua=Lua|glua=gLua|{{{lang}}}}}<span
                        style=user-select:none></span></div>}}<!--
--></div>}}<!--
--><div style="width:100%">
                 <div style="position:relative;width:100%;display:flex;max-height:{{{height|unset}}};overflow:auto"><!--
-->{{#if:{{{lines|}}}|<div
                        style="z-index:1;display:flex;position:sticky;left:0;height:100%;padding:.5em 0 .4em 0;background-color:{{#switch:{{{style|}}}|1=rgb(31,31,31)|rgb(24,24,24)}};border-right:1px solid rgb(48,48,48)">
                        <ol start="{{{start|1}}}"
                            style="text-align:right;pointer-events:none;white-space:nowrap;list-style-position:inside;margin-left:8px;margin-top:0;user-select:none;margin-right:-10px;text-indent:0">
                            {{padright:|{{#expr:5 * {{{lines}}}}}|<li> }}{{#ifexpr:{{{lines}}} > 100
                                |{{padright:|{{#expr:5 * ({{{lines}}} - 100)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 200 |{{padright:|{{#expr:5 * ({{{lines}}} - 200)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 300 |{{padright:|{{#expr:5 * ({{{lines}}} - 300)}}|
                            <li> }}}}{{#ifexpr:{{{lines}}} > 400 |{{padright:|{{#expr:5 * ({{{lines}}} - 400)}}|
                            <li> }}}}
                        </ol>
                    </div>}}<!--
-->
                     <div
                        style="width:100%;text-indent:0;line-height:1.6em;white-space:{{#if:{{{softwrap|}}}|pre-wrap|pre}};height:100%;tab-size:4;">
                         {{#if:{{{lightamount1|{{{lightstart1|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart1|1}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount1|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount2|{{{lightstart2|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart2|2}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount2|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount3|{{{lightstart3|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}{{#if:{{{lightamount4|{{{lightstart4|}}}}}}|<div style="position:sticky;z-index:0">
                            <div
                                style="width:100%;background:rgba(255,128,0,0.1);margin-top:calc((1.6em * ({{{lightstart4|4}}} - 1)) + .45em);margin-bottom:.45em;height:calc(1.6em * {{{lightamount4|1}}});position:absolute;left:0;user-select:none;pointer-events:none">
                            </div>
                        </div>}}<div style="padding:.45em .5em;position:relative">{{{1|}}}<span
                                style=user-select:none></span></div>
                    </div><!--
-->
                 </div>
                 </div>
             </div><!--
             </div>
-->
         </div>
         </div>
    </onlyinclude>
</includeonly>

Revision as of 20:32, 27 June 2023

1

2 3 4 5

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Template:CodeBlock/sandbox&oldid=323099"