Style tables in admonitions (#311)

I don't know if we have any admonitions that contain tables, and maybe
we shouldn't. But just in case we do now or at any point...

Author: recrwplay

preview-src/admonitions.adoc

@@ -247,4 +247,52 @@ Icons that are not part of an admonition block should have no color filter appli
 | `LOCAL DATETIME` | {check-mark} | {check-mark} |
 | `ZONED DATETIME`      | {check-mark} | {check-mark} | {check-mark}
 | `DURATION`      | `-`          | `-`          | `-`
-|===
+|===
+
+== Admonition that contains a code block
+
+[source, shell]
+----
+docker container exec -u neo4j -it <containerName> /bin/bash
+----
+
+
+[TIP]
+====
+If working with a Neo4j Docker container, ensure you connect to it with the user `neo4j` before issuing import commands, or you will get permission issues after the import.
+
+[source, shell]
+----
+docker container exec -u neo4j -it <containerName> /bin/bash
+----
+====
+
+
+== Admonition that contains a table?
+
+
+[TIP]
+====
+This is an admonition that contains a table.
+
+[options="header", cols="^,^,^,^"]
+|===
+| Type            | Date support | Time support | Time zone support
+| `DATE`          | {check-mark} |              |
+| `LOCAL TIME`     |              | {check-mark} |
+| `ZONED TIME`          |              | {check-mark} | {check-mark}
+| `LOCAL DATETIME` | {check-mark} | {check-mark} |
+| `ZONED DATETIME`      | {check-mark} | {check-mark} | {check-mark}
+| `DURATION`      | `-`          | `-`          | `-`
+|===
+
+====
+
+== Admonition with a title
+
+.note with title
+[NOTE]
+====
+This is a note with a title.
+====
+

src/css/doc.css

@@ -203,7 +203,7 @@ body {
 }
 
 /* style the icons in admonition blocks only */
-.doc .admonitionblock i.fa::before {
+.doc .admonitionblock td.icon i.fa::before {
   width: 24px;
   height: inherit;
   background-size: 20px;
@@ -448,7 +448,6 @@ body {
 }
 
 .doc .admonitionblock td .content {
-  word-wrap: anywhere;
   padding: 1rem 1rem 0.75rem;
   width: 100%;
 }
@@ -1181,6 +1180,15 @@ body {
   border: 0 solid var(--table-border-color);
 }
 
+.doc .admonitionblock .tableblock thead {
+  background: none;
+}
+
+.doc .admonitionblock table.tableblock,
+.doc .admonitionblock table.tableblock > * > tr > * {
+  border-color: var(--admonition-table-border-color);
+}
+
 .doc table.grid-all > * > tr > * {
   border-width: 1px;
 }

src/css/vars.css

@@ -265,6 +265,8 @@
   --warning-border-color: rgba(var(--theme-light-palette-danger-bg-strong));
   --warning-background-color: rgba(var(--theme-light-palette-danger-bg-weak));
   --mark-background: rgba(var(--theme-light-palette-primary-bg-weak));
+  --admonition-table-border-color: rgba(var(--colors-neutral-70));
+  --admonition-table-header-color: rgba(var(--colors-neutral-20));
 
   /* success */
   --success-color: rgba(var(--theme-light-palette-success-bg-strong));