Add custom CSS for citations

Author: sethaxen

docs/make.jl

@@ -16,7 +16,10 @@ makedocs(;
     authors="Seth Axen <[email protected]> and contributors",
     repo=Remotes.GitHub("arviz-devs", "PSIS.jl"),
     sitename="PSIS.jl",
-    format=Documenter.HTML(; prettyurls=get(ENV, "CI", "false") == "true", assets=String[]),
+    format=Documenter.HTML(;
+        prettyurls=get(ENV, "CI", "false") == "true",
+        assets=[joinpath("assets", "citations.css")],
+    ),
     pages=[
         "Home" => "index.md",
         "Plotting" => "plotting.md",

docs/src/assets/citations.css

@@ -0,0 +1,29 @@
+/* Adapted from DocumenterCitations.jl's docs */
+.citation dl {
+    display: grid;
+    grid-template-columns: max-content auto;
+}
+
+.citation dt {
+    grid-column-start: 1;
+}
+
+.citation dd {
+    grid-column-start: 2;
+    margin-bottom: 0.75em;
+}
+
+.citation ul {
+    padding: 0 0 2.25em 0;
+    margin: 0;
+    list-style: none !important;
+}
+
+.citation ul li {
+    text-indent: -2.25em;
+    margin: 0.33em 0.5em 0.5em 2.25em;
+}
+
+.citation ol li {
+    padding-left: 0.75em;
+}