Content - Merge pull request #2201 from Garneauma/dl-inline

Utility: dl-inline Content - List utilities - Add example of a definition list inline
wet-boew · Jul 18, 2023 · 1a6a7a8 · 1a6a7a8
2 parents d57d159 + bdf92a9
commit 1a6a7a8
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 0 deletions.
diff --git a/common/list/lists-en.html b/common/list/lists-en.html
@@ -383,3 +383,31 @@ <h4>code</h4>
 &lt;li&gt;Item&lt;/li&gt;
 &lt;/ul&gt;
 </code></pre>
+
+<h2 id="dl-inline">Inline description list</h2>
+<p>Inline description list used to display short terms and descriptions.</p>
+
+<dl class="dl-inline">
+	<dt>Term&nbsp;:</dt>
+	<dd>Short description</dd>
+	<dt>Term&nbsp;:</dt>
+	<dd>Short description</dd>
+	<dt>Term&nbsp;:</dt>
+	<dd>Short description</dd>
+	<dt>Term&nbsp;:</dt>
+	<dd>Short description</dd>
+	<dt>Term&nbsp;:</dt>
+	<dd>Short description</dd>
+</dl>
+<pre><code>&lt;dl class="dl-inline">
+	&lt;dt>Term&nbsp;:&lt;/dt>
+	&lt;dd>Short description&lt;/dd>
+	&lt;dt>Term&nbsp;:&lt;/dt>
+	&lt;dd>Short description&lt;/dd>
+	&lt;dt>Term&nbsp;:&lt;/dt>
+	&lt;dd>Short description&lt;/dd>
+	&lt;dt>Term&nbsp;:&lt;/dt>
+	&lt;dd>Short description&lt;/dd>
+	&lt;dt>Term&nbsp;:&lt;/dt>
+	&lt;dd>Short description&lt;/dd>
+&lt;/dl></code></pre>
diff --git a/common/list/lists-fr.html b/common/list/lists-fr.html
@@ -386,3 +386,31 @@ <h4>code</h4>
 	&lt;/ul&gt;
 	</code></pre>
 </div>
+
+<h2 id="dl-inline">Liste descriptive en ligne</h2>
+<p>List descriptive en ligne utilisée pour afficher des termes et descriptions courts.</p>
+
+<dl class="dl-inline">
+	<dt>Terme&nbsp;:</dt>
+	<dd>Description courte</dd>
+	<dt>Terme&nbsp;:</dt>
+	<dd>Description courte</dd>
+	<dt>Terme&nbsp;:</dt>
+	<dd>Description courte</dd>
+	<dt>Terme&nbsp;:</dt>
+	<dd>Description courte</dd>
+	<dt>Terme&nbsp;:</dt>
+	<dd>Description courte</dd>
+</dl>
+<pre><code>&lt;dl class="dl-inline">
+	&lt;dt>Terme&nbsp;:&lt;/dt>
+	&lt;dd>Description courte&lt;/dd>
+	&lt;dt>Terme&nbsp;:&lt;/dt>
+	&lt;dd>Description courte&lt;/dd>
+	&lt;dt>Terme&nbsp;:&lt;/dt>
+	&lt;dd>Description courte&lt;/dd>
+	&lt;dt>Terme&nbsp;:&lt;/dt>
+	&lt;dd>Description courte&lt;/dd>
+	&lt;dt>Terme&nbsp;:&lt;/dt>
+	&lt;dd>Description courte&lt;/dd>
+&lt;/dl></code></pre>