diff options
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/code.html')
-rw-r--r-- | POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/code.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/code.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/code.html new file mode 100644 index 000000000..02acb1238 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/code.html @@ -0,0 +1,52 @@ +<div class="bs-docs-section"> + <h1 id="code" class="page-header">Code</h1> + + <h2 id="code-inline">Inline</h2> + <p>Wrap inline snippets of code with <code><code></code>.</p> +<div class="bs-example" data-example-id="inline-code"> + For example, <code><section></code> should be wrapped as inline. +</div> +{% highlight html %} +For example, <code><section></code> should be wrapped as inline. +{% endhighlight %} + + <h2 id="code-user-input">User input</h2> + <p>Use the <code><kbd></code> to indicate input that is typically entered via keyboard.</p> +<div class="bs-example" data-example-id="simple-kbd"> + To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br> + To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> +</div> +{% highlight html %} +To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br> +To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> +{% endhighlight %} + + <h2 id="code-block">Basic block</h2> + <p>Use <code><pre></code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p> +<div class="bs-example" data-example-id="simple-pre"> + <pre><p>Sample text here...</p></pre> +</div> +{% highlight html %} +<pre><p>Sample text here...</p></pre> +{% endhighlight %} + + <p>You may optionally add the <code>.pre-scrollable</code> class, which will set a max-height of 350px and provide a y-axis scrollbar.</p> + <h2 id="code-variables">Variables</h2> + <p>For indicating variables use the <code><var></code> tag.</p> + <div class="bs-example" data-example-id="simple-var"> + <p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p> + + </div> +{% highlight html %} +<var>y</var> = <var>m</var><var>x</var> + <var>b</var> +{% endhighlight %} + + <h2 id="code-sample-output">Sample output</h2> + <p>For indicating blocks sample output from a program use the <code><samp></code> tag.</p> + <div class="bs-example" data-example-id="simple-samp"> + <p><samp>This text is meant to be treated as sample output from a computer program.</samp></p> + </div> +{% highlight html %} +<samp>This text is meant to be treated as sample output from a computer program.</samp> +{% endhighlight %} +</div> |