From ea8b6f6c9886a32f784ad2f2ae45a6fd690eeaac Mon Sep 17 00:00:00 2001 From: Ray Offiah Date: Mon, 16 Jun 2025 10:27:39 +0100 Subject: [PATCH 1/4] Adjust footnote marker size and refactor `.anywhere-footnote-horizontal` styles for improved alignment and consistency. Refine footnote marker alignment, remove unnecessary `!important` rules, and adjust bottom margin in `.anywhere-footnote-horizontal` entries for improved consistency. Streamline styles and spacing for `.anywhere-footnote-horizontal` definition lists in `asciidoctor-anywhere-footnote.css`. Remove extraneous blank lines in `asciidoctor-anywhere-footnote.css`. Ensure top alignment for elements in `.anywhere-footnote-horizontal` definition lists. Improve styling for `.anywhere-footnote-horizontal` definition lists in asciidoctor-anywhere-footnote stylesheet. Adjusted separator size in anywhere footnote. Adjust footnote marker size and improve HR divider styling in asciidoctor-anywhere-footnote stylesheet. Adding stylesheet for the asciidoctor-anywhere-footnote extension. --- src/css/asciidoctor-anywhere-footnote.css | 39 +++++++++++++++++++++++ src/css/site.css | 1 + 2 files changed, 40 insertions(+) create mode 100644 src/css/asciidoctor-anywhere-footnote.css diff --git a/src/css/asciidoctor-anywhere-footnote.css b/src/css/asciidoctor-anywhere-footnote.css new file mode 100644 index 00000000..49a89681 --- /dev/null +++ b/src/css/asciidoctor-anywhere-footnote.css @@ -0,0 +1,39 @@ +.anywhere-footnote-marker { + vertical-align: super; + font-size: 100%; + text-decoration: none; +} + +.anywhere-footnote-block { + text-decoration: none; +} + +.anywhere-footnote-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.anywhere-footnote-horizontal dl { + display: grid; + grid-template-columns: 25px auto; + grid-column-gap: 1px; +} + +/* Force each dt and dd to be on the same line */ +div.anywhere-footnote-horizontal dl > dt, +div.anywhere-footnote-horizontal dl > dd { + display: inline !important; + vertical-align: top !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Remove margins from paragraphs inside dd */ +div.anywhere-footnote-horizontal dl > dd p { + display: inline; + margin: 0; + padding: 0; +} diff --git a/src/css/site.css b/src/css/site.css index 8abc7b40..18dd34f1 100644 --- a/src/css/site.css +++ b/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"; From 900b6e06e308e77a8db29b48e45f5ec1bb25f7c7 Mon Sep 17 00:00:00 2001 From: Ray Offiah Date: Sat, 19 Jul 2025 14:39:54 +0100 Subject: [PATCH 2/4] Rename CSS class selectors from `.anywhere-footnote-*` to `.afnote-*` for improved brevity and consistency. --- src/css/asciidoctor-anywhere-footnote.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/css/asciidoctor-anywhere-footnote.css b/src/css/asciidoctor-anywhere-footnote.css index 49a89681..d404350b 100644 --- a/src/css/asciidoctor-anywhere-footnote.css +++ b/src/css/asciidoctor-anywhere-footnote.css @@ -1,14 +1,14 @@ -.anywhere-footnote-marker { +.afnote-marker { vertical-align: super; font-size: 100%; text-decoration: none; } -.anywhere-footnote-block { +.afnote-block { text-decoration: none; } -.anywhere-footnote-hr-divider { +.afnote-hr-divider { height: 1px; background-color: #ccc; /* Standard gray color similar to default HR */ border: none; @@ -16,15 +16,15 @@ width: 20%; } -div.anywhere-footnote-horizontal dl { +div.afnote-horizontal dl { display: grid; grid-template-columns: 25px auto; grid-column-gap: 1px; } /* Force each dt and dd to be on the same line */ -div.anywhere-footnote-horizontal dl > dt, -div.anywhere-footnote-horizontal dl > dd { +div.afnote-horizontal dl > dt, +div.afnote-horizontal dl > dd { display: inline !important; vertical-align: top !important; margin: 0 !important; @@ -32,7 +32,7 @@ div.anywhere-footnote-horizontal dl > dd { } /* Remove margins from paragraphs inside dd */ -div.anywhere-footnote-horizontal dl > dd p { +div.afnote-horizontal dl > dd p { display: inline; margin: 0; padding: 0; From 0f6a1b3eb90a331a98efaf34cd1925a789685b30 Mon Sep 17 00:00:00 2001 From: Ray Offiah Date: Mon, 21 Jul 2025 08:57:14 +0100 Subject: [PATCH 3/4] Add bracket presentation to the CSS --- src/css/asciidoctor-anywhere-footnote.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/css/asciidoctor-anywhere-footnote.css b/src/css/asciidoctor-anywhere-footnote.css index d404350b..da3f2a65 100644 --- a/src/css/asciidoctor-anywhere-footnote.css +++ b/src/css/asciidoctor-anywhere-footnote.css @@ -4,6 +4,14 @@ text-decoration: none; } +.afnote-marker::before { + content: "["; +} + +.afnote-marker::after { + content: "]"; +} + .afnote-block { text-decoration: none; } From 6eca9ed51c79c1d40f1029b3d16f8ddbdd5e0a5c Mon Sep 17 00:00:00 2001 From: Ray Offiah Date: Fri, 25 Jul 2025 07:59:22 +0100 Subject: [PATCH 4/4] Adjust column width in `.afnote-horizontal` definition lists for improved layout consistency. --- src/css/asciidoctor-anywhere-footnote.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/asciidoctor-anywhere-footnote.css b/src/css/asciidoctor-anywhere-footnote.css index da3f2a65..e5f70729 100644 --- a/src/css/asciidoctor-anywhere-footnote.css +++ b/src/css/asciidoctor-anywhere-footnote.css @@ -26,7 +26,7 @@ div.afnote-horizontal dl { display: grid; - grid-template-columns: 25px auto; + grid-template-columns: 30px auto; grid-column-gap: 1px; }