diff options
Diffstat (limited to 'docs/components/code.md')
| -rw-r--r-- | docs/components/code.md | 27 |
1 files changed, 4 insertions, 23 deletions
diff --git a/docs/components/code.md b/docs/components/code.md index 965b4bbc0..19c02c84e 100644 --- a/docs/components/code.md +++ b/docs/components/code.md @@ -1,13 +1,10 @@ -<a id="code"></a> - -# Code +--- +layout: page +title: Code +--- Styles for inline code snippets and longer, multiline blocks of code. - - -<a id="code-inline"></a> - ## Inline code Wrap inline snippets of code with `code`. Be sure to escape HTML angle brackets. @@ -16,10 +13,6 @@ Wrap inline snippets of code with `code`. Be sure to escape HTML angle brackets. For example, <code><section></code> should be wrapped as inline. {% endexample %} - - -<a id="code-user-input"></a> - ## User input Use the `<kbd>` to indicate input that is typically entered via keyboard. @@ -29,10 +22,6 @@ To switch directories, type <kbd>cd</kbd> followed by the name of the directory. To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> {% endexample %} - - -<a id="code-block"></a> - ## Preformatted text Or, code blocks. Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. @@ -43,10 +32,6 @@ Or, code blocks. Use `<pre>`s for multiple lines of code. Once again, be sure to You may optionally add the `.pre-scrollable` class, which will set a max-height of 350px and provide a y-axis scrollbar. - - -<a id="code-variables"></a> - ## Variables For indicating variables use the `<var>` tag. @@ -55,10 +40,6 @@ For indicating variables use the `<var>` tag. <var>y</var> = <var>m</var><var>x</var> + <var>b</var> {% endexample %} - - -<a id="code-sample-output"></a> - ## Sample output For indicating blocks sample output from a program use the `<samp>` tag. |