diff --git a/docs/tips.rmu b/docs/tips.rmu index 16b47b3..702e838 100644 --- a/docs/tips.rmu +++ b/docs/tips.rmu @@ -786,10 +786,16 @@ Generates: ## List item counters -In addition to the _verse_ and _sidebar_ CSS styles the {rimuc} tool -`--layout` option also includes CSS classes for counting list items -and for numbering labeled list items. +In addition to the _verse_ and _sidebar_ CSS styles the {rimuc} tool `--layout` +option also includes: +- `dl-counter`, `ol-counter` and `ul-counter` CSS classes for + counting labeled, numbered and bullet list items. +- `\{--dl-counter}`, `\{--ol-counter}` and `\{--ul-counter}` + counter macros. +- The `dl-numbered` CSS class for numbering labeled list items. + +.-macros {list-item-counters-example} = '#### Numbered labeled list .dl-numbered One:: Item one. @@ -805,15 +811,13 @@ labeled list items. - Item three. - Item four. -.ul-counter -unordered list items. +There are {--ul-counter} unordered list items. #### Counted ordered list . Item one. . Item two. -.ol-counter -ordered list items.' +There are {--ol-counter} ordered list items.' {generate-rendered-example-1|list-item-counters-example} @@ -859,7 +863,7 @@ aenean enim cum lectus sed. ."color:red" Two:: Item two. -.#third-list-item +.#third-list-item "color:blue" 3. List item with attached bold Indented paragraph. @@ -871,8 +875,15 @@ aenean enim cum lectus sed. [Link to labeled list](#labeled-list).' +// Turn off highlightjs auto-hightlighting completely because the `hljs` class +// overrides list item 3 indented paragraph CSS in the following example. +|indented| = '
|
'
+
{generate-rendered-example-1|list-item-block-attributes-example}
+// Restore defaults.
+|indented| = '|
'
+
## Section numbering
Use the {rimuc} `--section-numbers` option with the `--layout` option
diff --git a/src/rimuc/resources/classic-header.rmu b/src/rimuc/resources/classic-header.rmu
index 9d73957..d10c7fa 100644
--- a/src/rimuc/resources/classic-header.rmu
+++ b/src/rimuc/resources/classic-header.rmu
@@ -32,6 +32,11 @@ hljs.initHighlightingOnLoad();
{--mathjax?} = ''
{--mathjax-scripts} = ''
+// List item CSS counters.
+{--dl-counter} = ''
+{--ol-counter} = ''
+{--ul-counter} = ''
+
// Classic layout specific.
{--dropdown-toc?} = ''
diff --git a/src/rimuc/resources/flex-header.rmu b/src/rimuc/resources/flex-header.rmu
index 4c7035f..95c8164 100644
--- a/src/rimuc/resources/flex-header.rmu
+++ b/src/rimuc/resources/flex-header.rmu
@@ -32,6 +32,11 @@ hljs.initHighlightingOnLoad();
{--mathjax?} = ''
{--mathjax-scripts} = ''
+// List item CSS counters.
+{--dl-counter} = ''
+{--ol-counter} = ''
+{--ul-counter} = ''
+
/*
Legend theme.
*/
diff --git a/src/rimuc/resources/sequel-header.rmu b/src/rimuc/resources/sequel-header.rmu
index ed411cf..7ac23a6 100644
--- a/src/rimuc/resources/sequel-header.rmu
+++ b/src/rimuc/resources/sequel-header.rmu
@@ -33,6 +33,11 @@ hljs.initHighlightingOnLoad();
{--mathjax?} = ''
{--mathjax-scripts} = ''
+// List item CSS counters.
+{--dl-counter} = ''
+{--ol-counter} = ''
+{--ul-counter} = ''
+
// Sequel layout specific.
{--toc-width?} = '300px'
{--nav-width?} = '40px'