Adding stylesheet for the asciidoctor-anywhere-footnote extension.

src/css/asciidoctor-anywhere-footnote.css

@@ -0,0 +1,47 @@
+.afnote-marker {
+ vertical-align: super;
+ font-size: 100%;
+ text-decoration: none;
+}
+
+.afnote-marker::before {
+ content: "[";
+}
+
+.afnote-marker::after {
+ content: "]";
+}
+
+.afnote-block {
+ text-decoration: none;
+}
+
+.afnote-hr-divider {
+ height: 1px;
+ background-color: #ccc; /* Standard gray color similar to default HR */
+ border: none;
+ margin: 0.5em 0; /* Standard HR margin */
+ width: 20%;
+}
+
+div.afnote-horizontal dl {
+ display: grid;
+ grid-template-columns: 30px auto;
+ grid-column-gap: 1px;
+}
+
+/* Force each dt and dd to be on the same line */
+div.afnote-horizontal dl > dt,
+div.afnote-horizontal dl > dd {
+ display: inline !important;
+ vertical-align: top !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+/* Remove margins from paragraphs inside dd */
+div.afnote-horizontal dl > dd p {
+ display: inline;
+ margin: 0;
+ padding: 0;
+}

src/css/site.css

@@ -34,5 +34,6 @@
 @import "external-link-icon.css";
 @import "disable-callouts.css";
 @import "asciidoctor-external-callout.css";
+@import "asciidoctor-anywhere-footnote.css";
 @import "info-banner.css";
 @import "chatbot.css";