nango/docs/custom.css at c8a8005fe2fc731f4d68eab5cc29622c1410f90c · NangoHQ/nango · 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
43
44
45
46
47
48
/* ── Nango Docs custom styles ──────────────────────────────────── */

/* 1. Grid opacity — override Mintlify's default decoration strength */
[class*="background-decoration"] {
    opacity: 0.02; /* 2% — very subtle grid */
  }

  /* 2. Solid top nav — no grid bleed + left-aligned nav links (Vercel style) */
  #navbar {
    background-color: #0c0c15 !important;
  }

  /* Move nav links to sit immediately after the logo on the left */
  #navbar .navbar-links {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Push Sign Up CTA to the far right */
  #navbar .navbar-primary {
    margin-left: auto;
  }

  /* 3. Solid sidebar — no grid bleed */
  #sidebar-content {
    background-color: #0c0c15 !important;
  }

  /* 4. Vignette fade on content area edges */
  #content-area {
    -webkit-mask-image:
      linear-gradient(
        to right,
        #0c0c15 0%,
        transparent 5%,
        transparent 95%,
        #0c0c15 100%
      ),
      linear-gradient(
        to bottom,
        #0c0c15 0%,
        transparent 4%,
        transparent 96%,
        #0c0c15 100%
      );
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }