Small footer for web docs (#115)

* fix css syntax issue * Small footer for web docs
solid-software · Jan 25, 2024 · 1d43eef · 1d43eef
1 parent 2bc3e33
commit 1d43eef
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 14 deletions.
diff --git a/doc/docusaurus/docusaurus.config.js b/doc/docusaurus/docusaurus.config.js
@@ -75,22 +75,12 @@ const config = {
         style: 'dark',
         links: [
           {
-            title: 'Docs',
-            items: [
-              {
-                label: 'Intro',
-                to: '/docs/intro',
-              },
-            ],
+            label: 'Docs',
+            to: '/docs/intro',
           },
           {
-            title: 'More',
-            items: [
-              {
-                label: 'GitHub',
-                href: 'https://github.com/solid-software/solid_lints',
-              },
-            ],
+            label: 'GitHub',
+            href: 'https://github.com/solid-software/solid_lints',
           },
         ],
         copyright: `Copyright © ${new Date().getFullYear()} Solid Software. Built with Docusaurus.`,

diff --git a/doc/docusaurus/src/css/custom.css b/doc/docusaurus/src/css/custom.css
@@ -30,3 +30,25 @@
   --ifm-color-primary-lightest: #f68f6a;
   --ifm-background-color: #19191a;
 }
+
+.footer {
+    padding: 8px;
+}
+
+.footer--dark {
+  --ifm-footer-background-color: rgba(0, 0, 0, 0.05);
+  --ifm-footer-link-color: var(--ifm-content-color);
+}
+.footer--light {
+  --ifm-footer-background-color: rgba(255, 255, 255, 0.05);
+  --ifm-footer-link-color: var(--ifm-content-color);
+}
+
+.footer > .container {
+    display: flex;
+    justify-content: space-between;
+}
+
+.footer__links {
+    margin: 0;
+}