38 lines
1.5 KiB
CSS
38 lines
1.5 KiB
CSS
/* Restore the old site's near-black dark background (#0B0A0A) instead of
|
|
Nuxt UI's default zinc-900 */
|
|
.dark {
|
|
--ui-bg: #0B0A0A;
|
|
/* Same border color used on cards, applied sitewide (header, separators,
|
|
the horizontal nav menu row, etc.) for a consistent look */
|
|
--ui-border: #121110;
|
|
}
|
|
|
|
/* Old site's container was 1280px with 24px padding each side (1232px of
|
|
actual content). Nuxt UI's container uses a bigger lg:px-8 (32px) padding,
|
|
so the max-width is bumped to 81rem (1296px) to land on the same 1232px
|
|
content width rather than reproducing the outer 1280px figure verbatim. */
|
|
:root {
|
|
--ui-container: 81rem;
|
|
}
|
|
|
|
/* Docus hardcodes --ui-header-height to 112px (64px header + 48px sub-nav
|
|
bar) whenever navigation.sub is 'header', regardless of what's actually
|
|
in that bar. Our horizontal menu now lives in the main header row itself
|
|
(AppHeaderCenter.vue) and the sub-nav bar (AppHeaderBottom.vue) is empty,
|
|
so the header is back to a single 64px row. */
|
|
@media (min-width: 1024px) {
|
|
.docus-sub-header {
|
|
--ui-header-height: 4rem !important;
|
|
}
|
|
}
|
|
|
|
/* A screenshot inside a list item (the step-by-step install guides) is
|
|
rendered as a bare <img> child of the <li> and gets no margin at all, so it
|
|
ends up glued to the text above and below it. The same image in a paragraph
|
|
is wrapped in a <p> that carries the prose spacing. Give it that spacing
|
|
back so illustrated steps stay readable. */
|
|
li > img {
|
|
margin-block: 1.25rem;
|
|
}
|
|
|