Sign in

pulls/pr_01m47d15m3e54sn21z27rpy5n9

public

pr_01m47d15m3e54sn21z27rpy5n9/apps/docs/src/styles/g1t.css

346 lines8,661 bytesCodeBlame

Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.

Docs worth reading, and kept that way1/*
2 * g1t's docs: Starlight in g1t's own design. A very dark gray base,
3 * lavender as the accent for links and the current page, quiet
4 * typography, and one theme.
5 */
Docs as their own app; shared theme package6:root,
7:root[data-theme='light'] {
8 --sl-font: var(--g1t-font-sans);
9 --sl-font-mono: var(--g1t-font-mono);
10
Docs worth reading, and kept that way11 /* Lavender is the docs' accent: links, the current page, highlights. */
12 --sl-color-accent-low: color-mix(in srgb, var(--g1t-merged) 14%, var(--g1t-bg));
13 --sl-color-accent: var(--g1t-merged);
14 --sl-color-accent-high: #d9d1ff;
Docs as their own app; shared theme package15
16 --sl-color-white: var(--g1t-fg);
17 --sl-color-gray-1: var(--g1t-fg-soft);
18 --sl-color-gray-2: var(--g1t-fg-soft);
19 --sl-color-gray-3: var(--g1t-muted);
20 --sl-color-gray-4: var(--g1t-faint);
21 --sl-color-gray-5: var(--g1t-line);
22 --sl-color-gray-6: var(--g1t-surface);
23 --sl-color-gray-7: var(--g1t-surface);
24 --sl-color-black: var(--g1t-bg);
25
26 --sl-color-bg: var(--g1t-bg);
Docs worth reading, and kept that way27 --sl-color-bg-nav: color-mix(in srgb, var(--g1t-bg) 88%, transparent);
Docs as their own app; shared theme package28 --sl-color-bg-sidebar: var(--g1t-bg);
29 --sl-color-hairline: var(--g1t-line);
30 --sl-color-hairline-light: var(--g1t-line);
Docs worth reading, and kept that way31 --sl-color-hairline-shade: var(--g1t-line);
Docs as their own app; shared theme package32 --sl-color-text: var(--g1t-fg-soft);
Docs worth reading, and kept that way33 --sl-color-text-accent: #cfc6ff;
Docs as their own app; shared theme package34 --sl-color-text-invert: var(--g1t-bg);
35 --sl-color-bg-inline-code: var(--g1t-raised);
36
Docs worth reading, and kept that way37 --sl-text-body: 0.9375rem;
38 --sl-line-height: 1.75;
39 --sl-content-width: 46rem;
Docs in the shape of docs.continue.dev40 /* The header's row, and the tabs beneath it. */
41 --sl-nav-height: 6.25rem;
Docs worth reading, and kept that way42 --sl-sidebar-width: 17rem;
43
Docs as their own app; shared theme package44 color-scheme: dark;
45}
46
47/* There is one theme, so the switcher has nothing to switch. */
48starlight-theme-select {
49 display: none;
50}
51
Docs worth reading, and kept that way52/* --- Header --------------------------------------------------------------- */
53
54header.header {
Docs in the shape of docs.continue.dev55 padding: 0 !important;
Docs worth reading, and kept that way56 backdrop-filter: blur(10px);
57 border-bottom: 1px solid var(--g1t-line);
58}
Docs in the shape of docs.continue.dev59site-search {
60 width: 100%;
61 max-width: 30rem;
62}
63/* On phones the menu button sits in the header's top row, not its middle. */
64.sl-menu-button {
65 top: calc((3.5rem - var(--sl-menu-button-size)) / 2) !important;
66}
Docs worth reading, and kept that way67site-search button[data-open-modal] {
68 border-radius: 0.5rem;
69 background: var(--g1t-surface);
70 border-color: var(--g1t-line);
71 color: var(--g1t-faint);
72}
73site-search button[data-open-modal]:hover {
74 border-color: var(--g1t-line-strong);
75 color: var(--g1t-muted);
76}
77
78/* --- Sidebar -------------------------------------------------------------- */
79
80.sidebar-content {
81 padding-top: 1.25rem;
82}
Docs in the shape of docs.continue.dev83/* Groups always show their pages: no caret, no folding. */
84.sidebar-content details > summary {
85 pointer-events: none;
86 padding-top: 0.25rem;
87}
88.sidebar-content details > summary .caret {
89 display: none;
90}
91.sidebar-content .top-level > li + li {
92 margin-top: 1rem;
93}
Docs worth reading, and kept that way94/* Group labels: small and quiet, like section names, not links. */
95.sidebar-content details > summary .group-label .large,
96.sidebar-content .top-level > li > details > summary {
97 font-size: 0.75rem;
98 font-weight: 600;
99 letter-spacing: 0.06em;
100 text-transform: uppercase;
101 color: var(--g1t-faint);
102}
103.sidebar-content ul ul,
104.sidebar-content ul ul li {
105 border-inline-start: 0;
106 margin-inline-start: 0;
107 padding-inline-start: 0;
108}
109.sidebar-content a {
110 border-radius: 0.375rem;
111 padding: 0.32rem 0.6rem;
112 font-size: 0.875rem;
113 color: var(--g1t-muted);
114}
115.sidebar-content a:hover {
116 background: var(--g1t-surface);
117 color: var(--g1t-fg);
118}
119/* The current page: brighter text and a lavender mark, not a filled bar. */
120.sidebar-content a[aria-current='page'],
121.sidebar-content a[aria-current='page']:hover {
122 background: var(--g1t-surface);
123 color: var(--g1t-fg);
124 font-weight: 500;
125 box-shadow: inset 2px 0 0 var(--g1t-merged);
126}
127
128/* --- Content -------------------------------------------------------------- */
129
130.content-panel {
131 padding-top: 2rem;
132}
Docs in the shape of docs.continue.dev133/* The title and the page read as one, without a rule between them. */
134.content-panel + .content-panel {
135 border-top: 0;
136 padding-top: 0.5rem;
137}
138.sl-markdown-content h1 {
Docs worth reading, and kept that way139 font-size: 2.25rem;
140 font-weight: 650;
141 letter-spacing: -0.03em;
142 line-height: 1.15;
143 color: var(--g1t-fg);
144}
Docs in the shape of docs.continue.dev145/* Sections open with space, not rules. */
Docs worth reading, and kept that way146.sl-markdown-content .sl-heading-wrapper.level-h2 {
147 margin-top: 3rem;
148}
149.sl-markdown-content h2 {
Docs in the shape of docs.continue.dev150 font-size: 1.5rem;
151 font-weight: 600;
Docs as their own app; shared theme package152 letter-spacing: -0.02em;
Docs worth reading, and kept that way153 color: var(--g1t-fg);
Docs as their own app; shared theme package154}
Docs worth reading, and kept that way155.sl-markdown-content h3 {
156 margin-top: 2rem;
157 font-size: 1.1rem;
158 font-weight: 600;
159 letter-spacing: -0.01em;
160 color: var(--g1t-fg);
161}
162.sl-markdown-content p,
163.sl-markdown-content li {
164 color: var(--g1t-fg-soft);
165}
166.sl-markdown-content a:not(.card, .sl-link-button, .sl-link-card) {
167 color: #cfc6ff;
168 text-decoration-color: color-mix(in srgb, var(--g1t-merged) 45%, transparent);
169 text-underline-offset: 0.2em;
170}
171.sl-markdown-content a:not(.card, .sl-link-button, .sl-link-card):hover {
172 text-decoration-color: var(--g1t-merged);
173}
174.sl-markdown-content :not(pre) > code {
175 border-radius: 0.3rem;
Docs in the shape of docs.continue.dev176 padding: 0.1rem 0.3rem;
Docs worth reading, and kept that way177 font-size: 0.85em;
178 color: var(--g1t-fg);
Docs in the shape of docs.continue.dev179 background: var(--g1t-raised);
Docs worth reading, and kept that way180}
Docs as their own app; shared theme package181
Docs worth reading, and kept that way182/* Tables: ruled, not boxed. */
183.sl-markdown-content table {
184 display: table;
185 width: 100%;
186 border-collapse: collapse;
187 font-size: 0.875rem;
188}
189.sl-markdown-content th {
190 border-bottom: 1px solid var(--g1t-line-strong);
191 background: transparent;
192 font-weight: 600;
193 color: var(--g1t-muted);
194 text-align: start;
195}
196.sl-markdown-content td,
197.sl-markdown-content th {
198 padding: 0.6rem 0.75rem;
199 border-inline: 0;
200 border-top: 0;
201}
202.sl-markdown-content td {
203 border-bottom: 1px solid var(--g1t-line);
204 vertical-align: top;
205}
206.sl-markdown-content tr:nth-child(2n) {
207 background: transparent;
Docs as their own app; shared theme package208}
209
Docs worth reading, and kept that way210/* Callouts: a tinted panel with a coloured edge. */
211.starlight-aside {
212 border: 0;
213 border-inline-start: 2px solid;
214 border-radius: 0 0.6rem 0.6rem 0;
215 padding: 0.85rem 1.1rem;
216}
217.starlight-aside--note {
218 border-color: var(--g1t-info);
219 background: color-mix(in srgb, var(--g1t-info) 7%, var(--g1t-bg));
220}
221.starlight-aside--tip {
Docs as their own app; shared theme package222 border-color: var(--g1t-accent);
Docs worth reading, and kept that way223 background: color-mix(in srgb, var(--g1t-accent) 6%, var(--g1t-bg));
Docs as their own app; shared theme package224}
Docs worth reading, and kept that way225.starlight-aside--caution {
226 border-color: var(--g1t-warn);
227 background: color-mix(in srgb, var(--g1t-warn) 7%, var(--g1t-bg));
228}
229.starlight-aside--danger {
230 border-color: var(--g1t-danger);
231 background: color-mix(in srgb, var(--g1t-danger) 7%, var(--g1t-bg));
232}
233
234/* --- On this page --------------------------------------------------------- */
Docs as their own app; shared theme package235
Docs worth reading, and kept that way236.right-sidebar-panel h2 {
237 font-size: 0.75rem;
238 font-weight: 600;
239 letter-spacing: 0.06em;
240 text-transform: uppercase;
241 color: var(--g1t-faint);
242}
243.right-sidebar-panel a {
244 font-size: 0.8125rem;
245 color: var(--g1t-muted);
246}
247.right-sidebar-panel a:hover {
248 color: var(--g1t-fg);
249}
250.right-sidebar-panel a[aria-current='true'] {
251 color: #cfc6ff;
252}
253
254/* --- Cards and buttons ---------------------------------------------------- */
255
256.card,
257.sl-link-card {
258 border-radius: 1rem;
259 background: var(--g1t-surface);
260 border: 1px solid var(--g1t-line);
261 transition: border-color 0.15s;
262}
263.sl-link-card:hover {
264 border-color: var(--g1t-line-strong);
Docs as their own app; shared theme package265 background: var(--g1t-surface);
Docs worth reading, and kept that way266}
267.sl-link-button {
268 border-radius: 0.5rem;
269 font-size: 0.9rem;
270 font-weight: 500;
271}
272.sl-link-button.primary {
273 background: var(--g1t-fg);
274 border-color: var(--g1t-fg);
275 color: var(--g1t-bg);
276}
277.sl-link-button.primary:hover {
278 background: #fff;
279}
280.sl-link-button.minimal {
281 color: var(--g1t-fg-soft);
282}
283
284/* --- Pagination and footer ----------------------------------------------- */
285
286.pagination-links a {
287 border-radius: 0.75rem;
Docs as their own app; shared theme package288 border-color: var(--g1t-line);
Docs worth reading, and kept that way289 box-shadow: none;
290}
291.pagination-links a:hover {
292 border-color: var(--g1t-line-strong);
293}
294.pagination-links a .link-title {
295 color: var(--g1t-fg);
296}
297.meta,
298.meta a {
299 font-size: 0.8125rem;
300 color: var(--g1t-faint);
301}
302
Docs in the shape of docs.continue.dev303/* --- Cards ---------------------------------------------------------------- */
Docs worth reading, and kept that way304
Docs in the shape of docs.continue.dev305.sl-markdown-content .card-grid {
306 gap: 0.75rem;
Docs worth reading, and kept that way307}
Docs in the shape of docs.continue.dev308.sl-markdown-content .card {
309 padding: 1.1rem 1.2rem;
Docs worth reading, and kept that way310}
Docs in the shape of docs.continue.dev311.sl-markdown-content .card .title {
312 font-size: 1rem;
313 font-weight: 600;
314 color: var(--g1t-fg);
Docs worth reading, and kept that way315}
Docs in the shape of docs.continue.dev316.sl-markdown-content .card .icon {
Docs worth reading, and kept that way317 color: var(--g1t-merged);
Docs in the shape of docs.continue.dev318 background: color-mix(in srgb, var(--g1t-merged) 12%, transparent);
Docs worth reading, and kept that way319 border: 0;
Docs in the shape of docs.continue.dev320 border-radius: 0.5rem;
321 padding: 0.3rem;
Docs worth reading, and kept that way322}
Docs in the shape of docs.continue.dev323.sl-link-card {
324 padding: 1rem 1.2rem;
Docs worth reading, and kept that way325}
Docs in the shape of docs.continue.dev326.sl-link-card .title {
Docs worth reading, and kept that way327 font-size: 0.95rem;
Docs in the shape of docs.continue.dev328 font-weight: 600;
Docs worth reading, and kept that way329 color: var(--g1t-fg);
330}
Docs in the shape of docs.continue.dev331.sl-link-card .description {
Docs worth reading, and kept that way332 font-size: 0.85rem;
333 color: var(--g1t-muted);
334}
Docs in the shape of docs.continue.dev335
336/* Steps: numbered, on a quiet rail. */
337.sl-steps > li::before {
338 background: var(--g1t-raised) !important;
339 color: var(--g1t-fg) !important;
340 box-shadow: inset 0 0 0 1px var(--g1t-line-strong);
Docs worth reading, and kept that way341 font-family: var(--g1t-font-mono);
342 font-size: 0.8rem;
343}
Docs in the shape of docs.continue.dev344.sl-steps > li::after {
345 background: var(--g1t-line) !important;
Docs as their own app; shared theme package346}