Small footer for web docs (#115)

* fix css syntax issue

* Small footer for web docs

Author: yurii-prykhodko-solid

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.`,

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;
+}