From 396bf63eae4f60a557cf6efd4638e27d5172d511 Mon Sep 17 00:00:00 2001 From: Sarah White Date: Thu, 5 Apr 2018 11:54:30 -0600 Subject: [PATCH] add inline monospace section to text styles --- docs/modules/ROOT/nav.adoc | 2 +- docs/modules/ROOT/pages/inline-text-styles.adoc | 14 ++++++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) 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 ``. + +[#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 `` HTML tag. + +[source,html] +---- +

A monospace word, and a monospace phrase.

+---- + +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. -- 2.11.0