diff options
Diffstat (limited to 'docs/_includes/css/code.html')
| -rw-r--r-- | docs/_includes/css/code.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/_includes/css/code.html b/docs/_includes/css/code.html index ba2edc151..02acb1238 100644 --- a/docs/_includes/css/code.html +++ b/docs/_includes/css/code.html @@ -3,7 +3,7 @@ <h2 id="code-inline">Inline</h2> <p>Wrap inline snippets of code with <code><code></code>.</p> -<div class="bs-example"> +<div class="bs-example" data-example-id="inline-code"> For example, <code><section></code> should be wrapped as inline. </div> {% highlight html %} @@ -12,7 +12,7 @@ For example, <code><section></code> should be wrapped as inline. <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"> +<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> @@ -23,7 +23,7 @@ To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> <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"> +<div class="bs-example" data-example-id="simple-pre"> <pre><p>Sample text here...</p></pre> </div> {% highlight html %} @@ -33,7 +33,7 @@ To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> <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"> + <div class="bs-example" data-example-id="simple-var"> <p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p> </div> @@ -43,7 +43,7 @@ To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> <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"> + <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 %} |