docs/style.css at main · vast-ai/docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/*
 * Global style overrides for the Vast.ai docs.
 * Mintlify automatically loads a root-level style.css on every page.
 */

/*
 * Use the full viewport width on large screens.
 *
 * By default the Mint theme caps the whole layout (sidebar + content + TOC)
 * at `max-w-8xl` and centers it with `mx-auto`. On wide monitors that leaves
 * large empty gutters on both sides, including a gap between the left edge of
 * the page and the navigation sidebar. Removing the cap on the wrapping
 * containers lets the layout fill the screen and pins the sidebar to the left.
 *
 * The wrappers are targeted structurally (by what they contain / where they
 * live) rather than by Tailwind class names, which are unstable across builds.
 */
@media (min-width: 1024px) {
  /* Wrapper that holds the sidebar and the main content column. */
  div:has(> nav#sidebar) {
    max-width: none !important;
  }

  /* Navbar inner container, so its contents line up with the wider body. */
  #navbar > div {
    max-width: none !important;
  }

  /*
   * Cap the readable content (page header + prose body) at a comfortable
   * measure. The layout above stays full-width with the sidebar flush left;
   * this only bounds the text column so lines don't get too long on wide
   * monitors. Centered within the space between the sidebar and the table of
   * contents.
   */
  #content-area > #header,
  #content-area > #content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}