diff options
| author | Sarah White <graphitefriction@gmail.com> | 2018-04-05 11:54:30 -0600 |
|---|---|---|
| committer | Sarah White <graphitefriction@gmail.com> | 2018-04-10 10:31:36 -0600 |
| commit | 396bf63eae4f60a557cf6efd4638e27d5172d511 (patch) | |
| tree | ea26d09d847d1eb6c983ae71a2f6281f39ba2388 /docs/modules | |
| parent | 9e3580b9dbf9fc296ff8451d6aaa0e9a177ac6d6 (diff) | |
| download | alpine-antora-theme-396bf63eae4f60a557cf6efd4638e27d5172d511.tar.bz2 alpine-antora-theme-396bf63eae4f60a557cf6efd4638e27d5172d511.tar.xz | |
add inline monospace section to text styles
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. |