Merge pull request #10 from interledger/chj/style-fixes

fix: minor styling adjustments

Author: huijing

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interledger/docs-design-system",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "Shared styles and components used across all Interledger Starlight documentation sites",
   "exports": {

src/components/Disclosure.astro

@@ -18,6 +18,7 @@ const uuid = crypto.randomUUID();
 button {
   background-color: initial;
   border: 0;
+  padding: 0;
   display: flex;
   gap: var(--space-2xs);
   margin-top: var(--space-xs);

src/styles/ilf-docs.css

@@ -48,6 +48,10 @@
   --sl-color-green-low: hsl(var(--sl-hue-green), 85%, 96%); /* lightest */
 }
 
+[data-theme="dark"] .logo-text {
+  fill: white;
+}
+
 :focus-visible {
   outline-color: var(--color-accent-mid);
   border-radius: var(--border-radius);
@@ -445,7 +449,7 @@ input:not([type="submit"]):not([type="file"]):focus {
   opacity: 0.6;
 }
 
-/* Misc tweaks and overrides */
+/* Misc tweaks, overrides and fixes */
 .content button[aria-expanded="false"] + div {
   margin-top: 0;
 }
@@ -454,6 +458,28 @@ input:not([type="submit"]):not([type="file"]):focus {
   aspect-ratio: 16 / 9;
 }
 
+@media screen and (min-width: 72rem) {
+  .astro-code {
+    max-width: 48rem;
+  }
+}
+
+/* Footnote styles */
+.footnotes.footnotes.footnotes {
+  margin-top: var(--space-l);
+}
+
+.footnotes {
+  border-top: 1px dashed var(--sl-color-gray-6);
+}
+
+.footnotes {
+  ol {
+    padding-inline-start: 1.2rem;
+    font-size: var(--step--1);
+  }
+}
+
 /* MathJax styles */
 .MathJax {
   display: inline-block;