diff options
Diffstat (limited to 'docs/modules')
| -rw-r--r-- | docs/modules/ROOT/nav.adoc | 2 | ||||
| -rw-r--r-- | docs/modules/ROOT/pages/inline-text-styles.adoc | 14 |
2 files changed, 15 insertions, 1 deletions
diff --git a/docs/modules/ROOT/nav.adoc b/docs/modules/ROOT/nav.adoc index 8c0aa93..3bd9374 100644 --- a/docs/modules/ROOT/nav.adoc +++ b/docs/modules/ROOT/nav.adoc @@ -5,4 +5,4 @@ * xref:templates.adoc[Work with the Handlebars Templates] * xref:stylesheets.adoc[Work with the CSS Stylesheets] * xref:style-guide.adoc[UI Element Styles] -** xref:inline-text-styles.adoc[Inline Text Styles] +** xref:inline-text-styles.adoc[Inline Text] diff --git a/docs/modules/ROOT/pages/inline-text-styles.adoc b/docs/modules/ROOT/pages/inline-text-styles.adoc index 7c7df02..f6a8cc4 100644 --- a/docs/modules/ROOT/pages/inline-text-styles.adoc +++ b/docs/modules/ROOT/pages/inline-text-styles.adoc @@ -32,3 +32,17 @@ How xref:antora:asciidoc:italics.adoc[italicized text] appears on your site depe ---- In the default UI, the italic fonts (`font-style: italic`) loaded by the typeface stylesheets are applied to inline text enclosed in `<em>`. + +[#monospace] +== Monospace text + +Technical content often requires text to be styled in a way that indicates it is a command or source code. +Such text is usually emphasized using a fixed-width, i.e., monospace, font. +Consequentially, how xref:antora:asciidoc:monospace.adoc[inline monospace text] is displayed depends on the fixed-width font loaded by your UI and any CSS styles it applies to the `<code>` HTML tag. + +[source,html] +---- +<p>A monospace <code>word</code>, and a <code>monospace phrase</code>.</p> +---- + +In the default UI, the `code` element, specified in [.path]_css/base.css_, uses a fixed-width font which is loaded by a corresponding typeface stylesheet. |