lago-doc/style.css at main · getlago/lago-doc · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/* Prevent FOUC (Flash of Unstyled Content) */
html {
  visibility: hidden;
  background-color: #F5F5EF;
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: #131923;
  }
}

html.ready {
  visibility: visible;
}

/* Welcome page cards - dark mode only (!important to override inline styles) */
.dark .welcome-card {
  background-color: #1c2535 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
  color: #e5e7eb;
}

.dark .welcome-card:hover {
  background-color: #243044 !important;
}

.dark .welcome-card h3 {
  color: #ffffff;
}

.dark .welcome-card p {
  color: #9ca3af !important;
}

/* Changelog month navigation (injected by changelog-month-nav.js into the
   right rail, above Mintlify's Filters block). Mirrors the filter panel's
   own spacing and type so the two read as one column. */
#changelog-month-nav {
  padding-left: 2.5rem;
  width: 19rem;
  box-sizing: border-box;
  margin-bottom: 1.75rem;
  max-height: 45vh;
  overflow-y: auto;
}

#changelog-month-nav .changelog-month-nav__year {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #364152;
}

#changelog-month-nav .changelog-month-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

#changelog-month-nav .changelog-month-nav__list a {
  display: block;
  padding: 0.25rem 0 0.25rem 0.75rem;
  margin-left: -1px;
  border-left: 1px solid transparent;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #697586;
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

#changelog-month-nav .changelog-month-nav__list a:hover {
  color: #121926;
}

#changelog-month-nav .changelog-month-nav__list a.is-active {
  color: #006CFA;
  border-left-color: #006CFA;
  font-weight: 500;
}

.dark #changelog-month-nav .changelog-month-nav__year {
  color: #cdd5df;
}

.dark #changelog-month-nav .changelog-month-nav__list {
  border-left-color: rgba(255, 255, 255, 0.12);
}

.dark #changelog-month-nav .changelog-month-nav__list a {
  color: #9aa4b2;
}

.dark #changelog-month-nav .changelog-month-nav__list a:hover {
  color: #ffffff;
}

.dark #changelog-month-nav .changelog-month-nav__list a.is-active {
  color: #4d9bff;
  border-left-color: #4d9bff;
}

/* Changelog: drop the per-update left column (month label, tag badges,
   description) so the article body uses the full content width. The date and
   the filters both live in the right rail instead.
   display:none, not removal: the label anchor inside this column is what
   changelog-month-nav.js reads to build the month list, and Mintlify still
   derives the right-rail filters from the same tags. */
.update-container > div:first-child {
  display: none;
}

.update-container > div:nth-child(2) {
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
}

/* the row gap only existed to separate the two columns */
.update-container {
  gap: 0;
}

/* Mintlify's "Powered by" referral link. It only disappears on its own once
   the account carries the REMOVE_BRANDING entitlement. Until then, hide the
   anchor and leave the divider and theme switcher that share its row. */
#footer a[href*="utm_campaign=poweredBy"] {
  display: none;
}