move sidebar styles to new page

diff --git a/docs/modules/ROOT/pages/sidebar-styles.adoc b/docs/modules/ROOT/pages/sidebar-styles.adoc
new file mode 100644 (file)
index 0000000..20c4462
--- /dev/null
+++ b/docs/modules/ROOT/pages/sidebar-styles.adoc
@@ -0,0 +1,32 @@
+= Sidebar Styles
+ifndef::env-site,env-github[]
+include::_attributes.adoc[]
+endif::[]
+
+This page describes the in-page sidebar block styles, not the styles for the navigation sidebar.
+
+== Sidebar blocks
+
+xref:antora:asciidoc:sidebar.adoc[Sidebars] can contain any type of content.
+The sidebar title is specified by the block class title.
+Here's an AsciiDoc source example that produces a sidebar with a title:
+
+[source,asciidoc]
+----
+.Optional Title
+****
+This is a paragraph in a sidebar.
+****
+----
+
+[source,html]
+----
+<div class="sidebarblock">
+<div class="content">
+<div class="title">Optional Title</div>
+<div class="paragraph">
+<p>This is a paragraph in a sidebar.</p>
+</div>
+</div>
+</div>
+----

diff --git a/docs/modules/ROOT/pages/style-guide.adoc b/docs/modules/ROOT/pages/style-guide.adoc
index 813664f..3c46973 100644 (file)
--- a/docs/modules/ROOT/pages/style-guide.adoc
+++ b/docs/modules/ROOT/pages/style-guide.adoc
@@ -21,6 +21,7 @@ These elements include:
 * xref:inline-text-styles.adoc[Emphasized inline text, such as bold, italics, etc.]
 * xref:admonition-styles.adoc[Admonitions]
 * xref:list-styles.adoc[Lists]
+* xref:sidebar-styles.adoc[Sidebars]
 
 === UI Elements
 
@@ -83,29 +84,3 @@ menu:File[]
 menu:File[Save]
 
 The default styling applied to a menu reference is usually sufficient.
-
-=== Sidebars
-
-Sidebars can contain any type of content.
-The sidebar title is specified by the block class title.
-Here's an AsciiDoc source example that produces a sidebar with a title:
-
-[source,asciidoc]
-----
-.Optional Title
-****
-This is a paragraph in a sidebar.
-****
-----
-
-[source,html]
-----
-<div class="sidebarblock">
-<div class="content">
-<div class="title">Optional Title</div>
-<div class="paragraph">
-<p>This is a paragraph in a sidebar.</p>
-</div>
-</div>
-</div>
-----