diff --git a/docs/theme/css/chrome.css b/docs/theme/css/chrome.css index 637da6063dee3c20170cb334e7bee7843fea6721..3f4fa40bc41a9c034c50c94c10fd8d0222d6b720 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 adbb5da74009b96d3d285c4e37a79ee758eb57c7..46ea739daf8643db5ad57a239091e557df2a3d0c 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 98f64d41c3eb86dfb335ecf0964f434c50fad0bb..8e6d185a57874a84bd373115e2f4b988a6c0b864 100644 --- a/docs/theme/index.hbs +++ b/docs/theme/index.hbs @@ -307,6 +307,43 @@ {{/next}} +