From 612578331bdcc520bdfb7569e6c699c3338926cb Mon Sep 17 00:00:00 2001 From: Yurii Prykhodko Date: Thu, 25 Jan 2024 18:28:15 +0200 Subject: [PATCH 1/2] fix css syntax issue --- doc/docusaurus/src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/docusaurus/src/css/custom.css b/doc/docusaurus/src/css/custom.css index 7c1d7297..9b04d8c9 100644 --- a/doc/docusaurus/src/css/custom.css +++ b/doc/docusaurus/src/css/custom.css @@ -20,7 +20,7 @@ --doc-sidebar-width: 350px !important; } -[data-theme=‘dark’] { +[data-theme='dark'] { --ifm-color-primary: #f2561d; --ifm-color-primary-dark: #ee4a0e; --ifm-color-primary-darker: #ec490e; From dddf460eddeae36b8ae769a505c095f2f9269c91 Mon Sep 17 00:00:00 2001 From: Yurii Prykhodko Date: Thu, 25 Jan 2024 19:16:48 +0200 Subject: [PATCH 2/2] Small footer for web docs --- doc/docusaurus/docusaurus.config.js | 18 ++++-------------- doc/docusaurus/src/css/custom.css | 22 ++++++++++++++++++++++ 2 files changed, 26 insertions(+), 14 deletions(-) diff --git a/doc/docusaurus/docusaurus.config.js b/doc/docusaurus/docusaurus.config.js index 623b7e9d..c5c35cdb 100644 --- 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 index 9b04d8c9..cc597cdd 100644 --- 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; +}