diff --git a/docusaurus.config.ts b/docusaurus.config.ts index cd3b4d0c..80cbb29e 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -121,8 +121,7 @@ const config: Config = { ], }, footer: { - style: "dark", - copyright: `Copyright © ${new Date().getFullYear()} Moderne, Inc.`, + copyright: `© Moderne, ${new Date().getFullYear()}`, }, prism: { theme: prismThemes.github, diff --git a/src/css/custom.css b/src/css/custom.css index e6edd58f..dfb8092e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -38,6 +38,7 @@ --ifm-heading-line-height: 1; --ifm-heading-color: #041834; --ifm-font-weight-bold: 500; + --ifm-footer-padding-vertical: 2.375rem; } /* For readability concerns, you should choose a lighter palette in dark mode. */ @@ -179,6 +180,35 @@ background-repeat: no-repeat; text-align: left; } +.footer { + display: flex; + justify-content: flex-end; +} + +.footer > .container { + width: auto; + margin: 0; +} + +.footer .footer__bottom { + display: flex; + flex-flow: column; + align-items: center; + gap: 1.25rem; +} + +.footer .footer__bottom::before { + width: 47px; + height: 48px; + background-image: url("data:image/svg+xml, %3Csvg%20width=%2247%22%20height=%2248%22%20viewBox=%220%200%2047%2048%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d=%22M46.2205%200.092002C45.777%20-0.0920021%2045.2677%200.00862519%2044.9272%200.350758L24.4951%2020.8816C23.1532%209.14558%2013.2189%200%201.18742%200C0.872678%200%200.572248%200.126503%200.349071%200.350758C0.125895%200.575013%200%200.876894%200%201.19315V23.5899V45.9895C0%2046.0097%200.00858372%2046.0269%200.00858372%2046.047C0.00858372%2046.1045%200.0228899%2046.1592%200.0343349%2046.2167C0.0457799%2046.277%200.0572248%2046.3374%200.0772535%2046.3949C0.082976%2046.4122%200.082976%2046.4294%200.0886985%2046.4467C0.103005%2046.4812%200.128756%2046.507%200.145923%2046.5415C0.174536%2046.5962%200.203148%2046.6508%200.240344%2046.6997C0.274679%2046.7457%200.311875%2046.7859%200.351933%2046.8262C0.39199%2046.8664%200.432047%2046.9067%200.480688%2046.9412C0.52933%2046.9786%200.580832%2047.0073%200.635195%2047.0361C0.66953%2047.0533%200.695282%2047.0792%200.729616%2047.0936C0.743923%2047.0993%200.758229%2047.0964%200.772535%2047.1022C0.901291%2047.1511%201.03863%2047.1856%201.18455%2047.1856H45.7627C46.4179%2047.1856%2046.9501%2046.6508%2046.9501%2045.9924V1.19315C46.9501%200.710141%2046.6611%200.276006%2046.2176%200.092002H46.2205ZM44.5781%204.07109V22.3968H26.3406L44.5781%204.07109ZM44.5781%2033.5951H24.661V24.7802H44.5781V33.5951ZM2.37483%2043.1087V24.7831H20.6124L11.4936%2033.9459L2.37483%2043.1087ZM2.37483%202.41793C13.0673%203.01594%2021.6625%2011.6526%2022.2576%2022.3968H2.37483V2.41793ZM13.1703%2035.6335L22.2891%2026.4707V44.7964H4.05152L13.1703%2035.6335ZM24.6639%2044.7964V35.9814H44.581V44.7964H24.6639Z%22%20fill=%22%23041834%22%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + content: ''; +} + +.footer .footer__copyright { + font-size: 0.875rem; +} + @media(min-width: 997px) { [class^=docMainContainer_] [class^=generatedIndexPage_] { max-width: 83% !important;