update admonition p and code font size

- add admonition block to title group
- add complex admonition to preview source

diff --git a/preview-site-src/index.html b/preview-site-src/index.html
index dd7df65..099aa71 100644 (file)
--- a/preview-site-src/index.html
+++ b/preview-site-src/index.html
@@ -309,6 +309,26 @@ I wouldn’t try that either.
 </tr>
 </table>
 </div>
+<div class="admonitionblock tip">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-tip" title="Tip"></i>
+</td>
+<td class="content">
+<div class="title">Key Points to Remember</div>
+<div class="paragraph">
+<p>If you installed the CLI and the default site generator globally, you can upgrade both of them with the same command.</p>
+</div>
+<div class="literalblock">
+<div class="content">
+<pre>$ npm i -g @antora/cli @antora/site-generator-default</pre>
+</div>
+</div>
+</td>
+</tr>
+</table>
+</div>
 <div class="paragraph">
 <p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
 Lorem expetenda pertinacia et nec, wisi illud sonet qui ea.
@@ -323,4 +343,4 @@ Altera atomorum his ex, has cu elitr melius propriae.
 Eos suscipit scaevola at.</p>
 </div>
 </div>
-</div>
\ No newline at end of file
+</div>

diff --git a/src/css/doc.css b/src/css/doc.css
index ec7f88d..b9e698d 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -84,7 +84,7 @@
 
 /* what about td/th code? */
 .doc p code {
-  font-size: 0.85em;
+  font-size: 0.95em;
   background-color: #fafafa;
   padding: 0.075rem 0.25rem 0.125rem;
   border-radius: 0.2rem;
@@ -165,7 +165,7 @@
 
 .doc .admonitionblock p,
 .doc .admonitionblock td.content {
-  font-size: 0.8rem;
+  font-size: 0.95rem;
 }
 
 .doc .admonitionblock table {
@@ -383,6 +383,7 @@
   padding: 0;
 }
 
+.doc .admonitionblock .title,
 .doc .exampleblock .title,
 .doc .literalblock .title,
 .doc .listingblock .title {