diff --git a/docs/theme/css/chrome.css b/docs/theme/css/chrome.css index 637da6063d..3f4fa40bc4 100644 --- a/docs/theme/css/chrome.css +++ b/docs/theme/css/chrome.css @@ -70,7 +70,9 @@ a > .hljs { } .logo-nav { - display: block; + display: flex; + align-items: center; + justify-content: center; filter: var(--logo-brightness); } @@ -140,6 +142,40 @@ a > .hljs { text-decoration-color: transparent !important; } +.footer { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 0.5rem; + padding: 24px 0; + border-top: 1px dashed var(--border-footer); +} + +.footer-link { + font-size: 1.25rem; + color: var(--links); + text-decoration: underline; + text-decoration-color: var(--link-line-decoration); + text-wrap-mode: nowrap; + + :hover { + text-decoration-color: var(--link-line-decoration-hover); + } +} + +.footer-separator { + color: var(--border-light); + font-size: 0.8em; +} + +.footer-logo { + height: 16px; + border-radius: 0 !important; + border: none !important; + background: transparent !important; +} + .mobile-nav-chapters { font-size: 2.5em; text-align: center; diff --git a/docs/theme/css/variables.css b/docs/theme/css/variables.css index adbb5da740..46ea739daf 100644 --- a/docs/theme/css/variables.css +++ b/docs/theme/css/variables.css @@ -27,6 +27,7 @@ --border: hsl(220, 13%, 80%); --border-light: hsl(220, 13%, 90%); --border-hover: hsl(220, 13%, 70%); + --border-footer: hsl(220, 13%, 91%); --media-bg: hsl(50, 25%, 92%); @@ -124,6 +125,7 @@ --border: hsl(220, 13%, 20%); --border-light: hsl(220, 13%, 15%); --border-hover: hsl(220, 13%, 40%); + --border-footer: hsl(220, 13%, 12%); --media-bg: hsl(220, 13%, 8%); diff --git a/docs/theme/index.hbs b/docs/theme/index.hbs index 98f64d41c3..8e6d185a57 100644 --- a/docs/theme/index.hbs +++ b/docs/theme/index.hbs @@ -307,6 +307,43 @@ {{/next}} +