knowledge-base-starter/style.css at main · mintlify/knowledge-base-starter · 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
/* table of contents: chevron next to the active (deepest) section */
toc-item > a {
  position: relative;
  padding-left: 1rem !important;
}
toc-item[data-active-deepest] > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;
  pointer-events: none;
}

/* topbar logo: render smaller than its natural width */
#navbar a[href="/"] img,
#navbar a[href="/"] svg,
#sidebar a[href="/"] img,
#sidebar a[href="/"] svg {
  max-width: 14rem;
  height: auto;
}

a[nav-tabs-item] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kb-feature-card {
  background-color: rgb(var(--foreground-light, 17 24 39));
}

.kb-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('/images/texture.png');
  background-position: center;
  background-size: cover;
  opacity: 0.875;
}