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.
| Automations: rules in .g1t/automations that act when something happens | 1 | /* |
| 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 | */ | |
| 6 | :root, | |
| 7 | :root[data-theme='light'] { | |
| 8 | --sl-font: var(--g1t-font-sans); | |
| 9 | --sl-font-mono: var(--g1t-font-mono); | |
| 10 | ||
| 11 | /* Lavender is the docs' accent: links, the current page, highlights. */ | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 12 | --sl-color-accent-low: color-mix(in srgb, var(--g1t-accent) 14%, var(--g1t-bg)); |
| 13 | --sl-color-accent: var(--g1t-accent); | |
| Automations: rules in .g1t/automations that act when something happens | 14 | --sl-color-accent-high: #d9d1ff; |
| 15 | ||
| 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); | |
| 27 | --sl-color-bg-nav: color-mix(in srgb, var(--g1t-bg) 88%, transparent); | |
| 28 | --sl-color-bg-sidebar: var(--g1t-bg); | |
| 29 | --sl-color-hairline: var(--g1t-line); | |
| 30 | --sl-color-hairline-light: var(--g1t-line); | |
| 31 | --sl-color-hairline-shade: var(--g1t-line); | |
| 32 | --sl-color-text: var(--g1t-fg-soft); | |
| 33 | --sl-color-text-accent: #cfc6ff; | |
| 34 | --sl-color-text-invert: var(--g1t-bg); | |
| 35 | --sl-color-bg-inline-code: var(--g1t-raised); | |
| 36 | ||
| 37 | --sl-text-body: 0.9375rem; | |
| 38 | --sl-line-height: 1.75; | |
| 39 | --sl-content-width: 46rem; | |
| Mission control counts people's own changes as theirs; a shorter sidebar with setup under Settings, and a 56px top bar | 40 | /* The header's row, as tall as the app's top bar (3.5rem), and the tabs |
| The docs' top bar is the app's: 4rem tall with a line under it, above the section tabs | 41 | beneath it. */ |
| Mission control counts people's own changes as theirs; a shorter sidebar with setup under Settings, and a 56px top bar | 42 | --sl-nav-height: 6.25rem; |
| Automations: rules in .g1t/automations that act when something happens | 43 | --sl-sidebar-width: 17rem; |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 44 | /* Big enough to tap. */ |
| 45 | --sl-menu-button-size: 2.5rem; | |
| Automations: rules in .g1t/automations that act when something happens | 46 | |
| 47 | color-scheme: dark; | |
| 48 | } | |
| 49 | ||
| 50 | /* There is one theme, so the switcher has nothing to switch. */ | |
| 51 | starlight-theme-select { | |
| 52 | display: none; | |
| 53 | } | |
| The docs header ends at the source link: no divider before pickers it does not show | 54 | /* Starlight's divider between the links and the theme and language |
| 55 | pickers; with neither shown, it is a line before nothing. */ | |
| 56 | .social-icons::after { | |
| 57 | display: none; | |
| 58 | } | |
| Automations: rules in .g1t/automations that act when something happens | 59 | |
| 60 | /* --- Header --------------------------------------------------------------- */ | |
| 61 | ||
| 62 | header.header { | |
| Docs in the shape of docs.continue.dev | 63 | padding: 0 !important; |
| Automations: rules in .g1t/automations that act when something happens | 64 | backdrop-filter: blur(10px); |
| 65 | border-bottom: 1px solid var(--g1t-line); | |
| 66 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 67 | /* The search box fills the header's middle column; Header.astro centres |
| 68 | that column in the header, the same on every page. */ | |
| Docs in the shape of docs.continue.dev | 69 | site-search { |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 70 | display: flex; |
| 71 | justify-content: center; | |
| Docs in the shape of docs.continue.dev | 72 | width: 100%; |
| 73 | } | |
| Automations: rules in .g1t/automations that act when something happens | 74 | site-search button[data-open-modal] { |
| 75 | border-radius: 0.5rem; | |
| 76 | background: var(--g1t-surface); | |
| 77 | border-color: var(--g1t-line); | |
| 78 | color: var(--g1t-faint); | |
| 79 | } | |
| 80 | site-search button[data-open-modal]:hover { | |
| 81 | border-color: var(--g1t-line-strong); | |
| 82 | color: var(--g1t-muted); | |
| 83 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 84 | @media (min-width: 50rem) { |
| 85 | site-search button[data-open-modal] { | |
| 86 | max-width: none; | |
| 87 | } | |
| 88 | } | |
| 89 | /* Tablets: the full search box, as on desktop, since there is room. */ | |
| 90 | @media (min-width: 45rem) and (max-width: 49.99rem) { | |
| 91 | site-search button[data-open-modal] { | |
| 92 | width: 100%; | |
| 93 | border: 1px solid var(--g1t-line); | |
| 94 | padding-inline: 0.75rem 0.5rem; | |
| 95 | font-size: var(--sl-text-sm); | |
| 96 | } | |
| 97 | site-search button[data-open-modal] > span.sl-hidden { | |
| 98 | display: block; | |
| 99 | } | |
| 100 | site-search button[data-open-modal] > kbd.sl-hidden { | |
| 101 | display: flex; | |
| 102 | margin-inline-start: auto; | |
| 103 | } | |
| 104 | } | |
| 105 | /* Phones: a search icon, as big as a fingertip. */ | |
| 106 | @media (max-width: 44.99rem) { | |
| 107 | site-search button[data-open-modal] { | |
| 108 | justify-content: center; | |
| 109 | width: 2.5rem; | |
| 110 | height: 2.5rem; | |
| 111 | padding: 0; | |
| 112 | border: 0; | |
| 113 | background: transparent; | |
| 114 | color: var(--g1t-muted); | |
| 115 | font-size: 1.125rem; | |
| 116 | } | |
| 117 | } | |
| 118 | /* The menu button sits in the header's top row, at the end, drawn like | |
| 119 | the header's other icon buttons rather than as a floating disc. */ | |
| 120 | .sl-menu-button { | |
| 121 | top: calc((3.5rem - var(--sl-menu-button-size)) / 2) !important; | |
| 122 | align-items: center; | |
| 123 | justify-content: center; | |
| 124 | border-radius: 0.5rem; | |
| 125 | padding: 0; | |
| 126 | background: transparent; | |
| 127 | box-shadow: none; | |
| 128 | color: var(--g1t-fg-soft); | |
| 129 | font-size: 1.25rem; | |
| 130 | } | |
| 131 | .sl-menu-button:hover, | |
| 132 | .sl-menu-button:has(~ :popover-open) { | |
| 133 | background: var(--g1t-raised); | |
| 134 | color: var(--g1t-fg); | |
| 135 | } | |
| Automations: rules in .g1t/automations that act when something happens | 136 | |
| 137 | /* --- Sidebar -------------------------------------------------------------- */ | |
| 138 | ||
| 139 | .sidebar-content { | |
| 140 | padding-top: 1.25rem; | |
| 141 | } | |
| Docs in the shape of docs.continue.dev | 142 | /* Groups always show their pages: no caret, no folding. */ |
| 143 | .sidebar-content details > summary { | |
| 144 | pointer-events: none; | |
| 145 | padding-top: 0.25rem; | |
| 146 | } | |
| 147 | .sidebar-content details > summary .caret { | |
| 148 | display: none; | |
| 149 | } | |
| 150 | .sidebar-content .top-level > li + li { | |
| 151 | margin-top: 1rem; | |
| 152 | } | |
| Automations: rules in .g1t/automations that act when something happens | 153 | /* Group labels: small and quiet, like section names, not links. */ |
| 154 | .sidebar-content details > summary .group-label .large, | |
| 155 | .sidebar-content .top-level > li > details > summary { | |
| 156 | font-size: 0.75rem; | |
| 157 | font-weight: 600; | |
| 158 | letter-spacing: 0.06em; | |
| 159 | text-transform: uppercase; | |
| 160 | color: var(--g1t-faint); | |
| 161 | } | |
| 162 | .sidebar-content ul ul, | |
| 163 | .sidebar-content ul ul li { | |
| 164 | border-inline-start: 0; | |
| 165 | margin-inline-start: 0; | |
| 166 | padding-inline-start: 0; | |
| 167 | } | |
| 168 | .sidebar-content a { | |
| 169 | border-radius: 0.375rem; | |
| 170 | padding: 0.32rem 0.6rem; | |
| 171 | font-size: 0.875rem; | |
| 172 | color: var(--g1t-muted); | |
| 173 | } | |
| 174 | .sidebar-content a:hover { | |
| 175 | background: var(--g1t-surface); | |
| 176 | color: var(--g1t-fg); | |
| 177 | } | |
| Agents get guardrails, run credentials, an audit log, a context hub, repository instructions and mentions; security upkeep; snake_case API | 178 | /* The current page: brighter text and a lavender mark, not a filled bar. |
| 179 | Square on the mark's side, so the mark is a straight line. */ | |
| Automations: rules in .g1t/automations that act when something happens | 180 | .sidebar-content a[aria-current='page'], |
| 181 | .sidebar-content a[aria-current='page']:hover { | |
| Agents get guardrails, run credentials, an audit log, a context hub, repository instructions and mentions; security upkeep; snake_case API | 182 | border-radius: 0 0.375rem 0.375rem 0; |
| Automations: rules in .g1t/automations that act when something happens | 183 | background: var(--g1t-surface); |
| 184 | color: var(--g1t-fg); | |
| 185 | font-weight: 500; | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 186 | box-shadow: inset 2px 0 0 var(--g1t-accent); |
| Automations: rules in .g1t/automations that act when something happens | 187 | } |
| 188 | ||
| 189 | /* --- Content -------------------------------------------------------------- */ | |
| 190 | ||
| 191 | .content-panel { | |
| 192 | padding-top: 2rem; | |
| 193 | } | |
| Docs in the shape of docs.continue.dev | 194 | /* The title and the page read as one, without a rule between them. */ |
| 195 | .content-panel + .content-panel { | |
| 196 | border-top: 0; | |
| 197 | padding-top: 0.5rem; | |
| 198 | } | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 199 | /* Headlines in Bricolage Grotesque, its optical size following the size. */ |
| 200 | .sl-markdown-content :is(h1, h2) { | |
| 201 | font-family: var(--g1t-font-display); | |
| 202 | font-optical-sizing: auto; | |
| 203 | } | |
| Docs in the shape of docs.continue.dev | 204 | .sl-markdown-content h1 { |
| Automations: rules in .g1t/automations that act when something happens | 205 | font-size: 2.25rem; |
| 206 | font-weight: 650; | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 207 | letter-spacing: -0.02em; |
| Automations: rules in .g1t/automations that act when something happens | 208 | line-height: 1.15; |
| 209 | color: var(--g1t-fg); | |
| 210 | } | |
| Docs in the shape of docs.continue.dev | 211 | /* Sections open with space, not rules. */ |
| Automations: rules in .g1t/automations that act when something happens | 212 | .sl-markdown-content .sl-heading-wrapper.level-h2 { |
| 213 | margin-top: 3rem; | |
| 214 | } | |
| 215 | .sl-markdown-content h2 { | |
| Docs in the shape of docs.continue.dev | 216 | font-size: 1.5rem; |
| 217 | font-weight: 600; | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 218 | letter-spacing: -0.01em; |
| Automations: rules in .g1t/automations that act when something happens | 219 | color: var(--g1t-fg); |
| 220 | } | |
| 221 | .sl-markdown-content h3 { | |
| 222 | margin-top: 2rem; | |
| 223 | font-size: 1.1rem; | |
| 224 | font-weight: 600; | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 225 | letter-spacing: -0.005em; |
| Automations: rules in .g1t/automations that act when something happens | 226 | color: var(--g1t-fg); |
| 227 | } | |
| 228 | .sl-markdown-content p, | |
| 229 | .sl-markdown-content li { | |
| 230 | color: var(--g1t-fg-soft); | |
| 231 | } | |
| 232 | .sl-markdown-content a:not(.card, .sl-link-button, .sl-link-card) { | |
| 233 | color: #cfc6ff; | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 234 | text-decoration-color: color-mix(in srgb, var(--g1t-accent) 45%, transparent); |
| Automations: rules in .g1t/automations that act when something happens | 235 | text-underline-offset: 0.2em; |
| 236 | } | |
| 237 | .sl-markdown-content a:not(.card, .sl-link-button, .sl-link-card):hover { | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 238 | text-decoration-color: var(--g1t-accent); |
| Automations: rules in .g1t/automations that act when something happens | 239 | } |
| 240 | .sl-markdown-content :not(pre) > code { | |
| 241 | border-radius: 0.3rem; | |
| Docs in the shape of docs.continue.dev | 242 | padding: 0.1rem 0.3rem; |
| Automations: rules in .g1t/automations that act when something happens | 243 | font-size: 0.85em; |
| 244 | color: var(--g1t-fg); | |
| Docs in the shape of docs.continue.dev | 245 | background: var(--g1t-raised); |
| Automations: rules in .g1t/automations that act when something happens | 246 | } |
| 247 | ||
| 248 | /* Tables: ruled, not boxed. */ | |
| 249 | .sl-markdown-content table { | |
| 250 | display: table; | |
| 251 | width: 100%; | |
| 252 | border-collapse: collapse; | |
| 253 | font-size: 0.875rem; | |
| 254 | } | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 255 | /* On a phone a wide table scrolls inside itself, not the page. */ |
| 256 | @media (max-width: 50rem) { | |
| 257 | .sl-markdown-content table { | |
| 258 | display: block; | |
| 259 | overflow-x: auto; | |
| 260 | } | |
| 261 | } | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 262 | /* |
| 263 | * There, a name, route or value in a table is never broken, not even at a | |
| 264 | * hyphen or a slash: a long one widens the table, which then scrolls. | |
| 265 | */ | |
| 266 | @media (max-width: 50rem) { | |
| 267 | .sl-markdown-content td code, | |
| 268 | .sl-markdown-content th code { | |
| 269 | white-space: nowrap; | |
| 270 | overflow-wrap: normal; | |
| 271 | word-break: normal; | |
| 272 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 273 | /* The last column usually holds the sentences. Kept readable, it |
| 274 | scrolls the table sideways instead of folding to a word a line. */ | |
| 275 | .sl-markdown-content :is(td, th):last-child:not(:first-child) { | |
| 276 | min-width: 12rem; | |
| 277 | } | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 278 | } |
| Automations: rules in .g1t/automations that act when something happens | 279 | .sl-markdown-content th { |
| 280 | border-bottom: 1px solid var(--g1t-line-strong); | |
| 281 | background: transparent; | |
| 282 | font-weight: 600; | |
| 283 | color: var(--g1t-muted); | |
| 284 | text-align: start; | |
| 285 | } | |
| 286 | .sl-markdown-content td, | |
| 287 | .sl-markdown-content th { | |
| 288 | padding: 0.6rem 0.75rem; | |
| 289 | border-inline: 0; | |
| 290 | border-top: 0; | |
| 291 | } | |
| 292 | .sl-markdown-content td { | |
| 293 | border-bottom: 1px solid var(--g1t-line); | |
| 294 | vertical-align: top; | |
| 295 | } | |
| 296 | .sl-markdown-content tr:nth-child(2n) { | |
| 297 | background: transparent; | |
| 298 | } | |
| 299 | ||
| 300 | /* Callouts: a tinted panel with a coloured edge. */ | |
| 301 | .starlight-aside { | |
| 302 | border: 0; | |
| 303 | border-inline-start: 2px solid; | |
| 304 | border-radius: 0 0.6rem 0.6rem 0; | |
| 305 | padding: 0.85rem 1.1rem; | |
| 306 | } | |
| 307 | .starlight-aside--note { | |
| 308 | border-color: var(--g1t-info); | |
| 309 | background: color-mix(in srgb, var(--g1t-info) 7%, var(--g1t-bg)); | |
| 310 | } | |
| 311 | .starlight-aside--tip { | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 312 | border-color: var(--g1t-success); |
| 313 | background: color-mix(in srgb, var(--g1t-success) 6%, var(--g1t-bg)); | |
| Automations: rules in .g1t/automations that act when something happens | 314 | } |
| 315 | .starlight-aside--caution { | |
| 316 | border-color: var(--g1t-warn); | |
| 317 | background: color-mix(in srgb, var(--g1t-warn) 7%, var(--g1t-bg)); | |
| 318 | } | |
| 319 | .starlight-aside--danger { | |
| 320 | border-color: var(--g1t-danger); | |
| 321 | background: color-mix(in srgb, var(--g1t-danger) 7%, var(--g1t-bg)); | |
| 322 | } | |
| 323 | ||
| 324 | /* --- On this page --------------------------------------------------------- */ | |
| 325 | ||
| 326 | .right-sidebar-panel h2 { | |
| 327 | font-size: 0.75rem; | |
| 328 | font-weight: 600; | |
| 329 | letter-spacing: 0.06em; | |
| 330 | text-transform: uppercase; | |
| 331 | color: var(--g1t-faint); | |
| 332 | } | |
| 333 | .right-sidebar-panel a { | |
| 334 | font-size: 0.8125rem; | |
| 335 | color: var(--g1t-muted); | |
| 336 | } | |
| 337 | .right-sidebar-panel a:hover { | |
| 338 | color: var(--g1t-fg); | |
| 339 | } | |
| 340 | .right-sidebar-panel a[aria-current='true'] { | |
| 341 | color: #cfc6ff; | |
| 342 | } | |
| 343 | ||
| 344 | /* --- Cards and buttons ---------------------------------------------------- */ | |
| 345 | ||
| 346 | .card, | |
| 347 | .sl-link-card { | |
| 348 | border-radius: 1rem; | |
| 349 | background: var(--g1t-surface); | |
| 350 | border: 1px solid var(--g1t-line); | |
| 351 | transition: border-color 0.15s; | |
| 352 | } | |
| 353 | .sl-link-card:hover { | |
| 354 | border-color: var(--g1t-line-strong); | |
| 355 | background: var(--g1t-surface); | |
| 356 | } | |
| 357 | .sl-link-button { | |
| 358 | border-radius: 0.5rem; | |
| 359 | font-size: 0.9rem; | |
| 360 | font-weight: 500; | |
| 361 | } | |
| 362 | .sl-link-button.primary { | |
| 363 | background: var(--g1t-fg); | |
| 364 | border-color: var(--g1t-fg); | |
| 365 | color: var(--g1t-bg); | |
| 366 | } | |
| 367 | .sl-link-button.primary:hover { | |
| 368 | background: #fff; | |
| 369 | } | |
| 370 | .sl-link-button.minimal { | |
| 371 | color: var(--g1t-fg-soft); | |
| 372 | } | |
| 373 | ||
| 374 | /* --- Pagination and footer ----------------------------------------------- */ | |
| 375 | ||
| 376 | .pagination-links a { | |
| 377 | border-radius: 0.75rem; | |
| 378 | border-color: var(--g1t-line); | |
| 379 | box-shadow: none; | |
| 380 | } | |
| 381 | .pagination-links a:hover { | |
| 382 | border-color: var(--g1t-line-strong); | |
| 383 | } | |
| 384 | .pagination-links a .link-title { | |
| 385 | color: var(--g1t-fg); | |
| 386 | } | |
| 387 | .meta, | |
| 388 | .meta a { | |
| 389 | font-size: 0.8125rem; | |
| 390 | color: var(--g1t-faint); | |
| 391 | } | |
| 392 | ||
| Docs in the shape of docs.continue.dev | 393 | /* --- Cards ---------------------------------------------------------------- */ |
| Automations: rules in .g1t/automations that act when something happens | 394 | |
| Docs in the shape of docs.continue.dev | 395 | .sl-markdown-content .card-grid { |
| 396 | gap: 0.75rem; | |
| Automations: rules in .g1t/automations that act when something happens | 397 | } |
| Docs in the shape of docs.continue.dev | 398 | .sl-markdown-content .card { |
| 399 | padding: 1.1rem 1.2rem; | |
| Automations: rules in .g1t/automations that act when something happens | 400 | } |
| Docs in the shape of docs.continue.dev | 401 | .sl-markdown-content .card .title { |
| 402 | font-size: 1rem; | |
| 403 | font-weight: 600; | |
| 404 | color: var(--g1t-fg); | |
| Automations: rules in .g1t/automations that act when something happens | 405 | } |
| Docs in the shape of docs.continue.dev | 406 | .sl-markdown-content .card .icon { |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 407 | color: var(--g1t-accent); |
| 408 | background: color-mix(in srgb, var(--g1t-accent) 12%, transparent); | |
| Automations: rules in .g1t/automations that act when something happens | 409 | border: 0; |
| Docs in the shape of docs.continue.dev | 410 | border-radius: 0.5rem; |
| 411 | padding: 0.3rem; | |
| Automations: rules in .g1t/automations that act when something happens | 412 | } |
| Docs in the shape of docs.continue.dev | 413 | .sl-link-card { |
| 414 | padding: 1rem 1.2rem; | |
| Automations: rules in .g1t/automations that act when something happens | 415 | } |
| Docs in the shape of docs.continue.dev | 416 | .sl-link-card .title { |
| Automations: rules in .g1t/automations that act when something happens | 417 | font-size: 0.95rem; |
| Docs in the shape of docs.continue.dev | 418 | font-weight: 600; |
| Automations: rules in .g1t/automations that act when something happens | 419 | color: var(--g1t-fg); |
| 420 | } | |
| Docs in the shape of docs.continue.dev | 421 | .sl-link-card .description { |
| Automations: rules in .g1t/automations that act when something happens | 422 | font-size: 0.85rem; |
| 423 | color: var(--g1t-muted); | |
| 424 | } | |
| Docs in the shape of docs.continue.dev | 425 | |
| 426 | /* Steps: numbered, on a quiet rail. */ | |
| 427 | .sl-steps > li::before { | |
| 428 | background: var(--g1t-raised) !important; | |
| 429 | color: var(--g1t-fg) !important; | |
| 430 | box-shadow: inset 0 0 0 1px var(--g1t-line-strong); | |
| Automations: rules in .g1t/automations that act when something happens | 431 | font-family: var(--g1t-font-mono); |
| 432 | font-size: 0.8rem; | |
| 433 | } | |
| Docs in the shape of docs.continue.dev | 434 | .sl-steps > li::after { |
| 435 | background: var(--g1t-line) !important; | |
| Automations: rules in .g1t/automations that act when something happens | 436 | } |
| Merge branch 'worktree-agent-ab2e39e11a6493412' | 437 | |
| 438 | /* --- API reference -------------------------------------------------------- */ | |
| 439 | ||
| 440 | /* An operation's method and path, at the top of its page. */ | |
| 441 | .sl-markdown-content .g1t-endpoint { | |
| 442 | display: flex; | |
| 443 | align-items: center; | |
| 444 | gap: 0.75rem; | |
| 445 | overflow-x: auto; | |
| 446 | border: 1px solid var(--g1t-line); | |
| 447 | border-radius: 0.75rem; | |
| 448 | padding: 0.7rem 0.9rem; | |
| 449 | background: var(--g1t-surface); | |
| 450 | } | |
| 451 | .sl-markdown-content .g1t-endpoint code { | |
| 452 | padding: 0; | |
| 453 | background: transparent; | |
| 454 | font-size: 0.875rem; | |
| 455 | white-space: nowrap; | |
| 456 | color: var(--g1t-fg); | |
| 457 | } | |
| Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today | 458 | /* On a phone a long path wraps onto a second line rather than hiding its end. */ |
| 459 | @media (max-width: 40rem) { | |
| 460 | .sl-markdown-content .g1t-endpoint { | |
| 461 | align-items: flex-start; | |
| 462 | } | |
| 463 | .sl-markdown-content .g1t-endpoint code { | |
| 464 | white-space: normal; | |
| 465 | overflow-wrap: anywhere; | |
| 466 | } | |
| 467 | } | |
| Merge branch 'worktree-agent-ab2e39e11a6493412' | 468 | /* Methods: the same small mono tag in the sidebar and on the page. */ |
| 469 | .g1t-method { | |
| 470 | --method: var(--g1t-muted); | |
| 471 | flex-shrink: 0; | |
| 472 | border: 0 !important; | |
| 473 | border-radius: 0.3rem; | |
| 474 | padding: 0.05rem 0.4rem; | |
| 475 | background: color-mix(in srgb, var(--method) 14%, transparent) !important; | |
| 476 | color: var(--method) !important; | |
| 477 | font-family: var(--g1t-font-mono); | |
| 478 | font-size: 0.7rem; | |
| 479 | font-weight: 600; | |
| 480 | letter-spacing: 0.02em; | |
| 481 | } | |
| 482 | .g1t-method-get, | |
| 483 | .g1t-method[data-method='get'] { | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 484 | --method: var(--g1t-success); |
| Merge branch 'worktree-agent-ab2e39e11a6493412' | 485 | } |
| 486 | .g1t-method-post, | |
| 487 | .g1t-method[data-method='post'] { | |
| 488 | --method: var(--g1t-info); | |
| 489 | } | |
| 490 | .g1t-method-put, | |
| 491 | .g1t-method-patch, | |
| 492 | .g1t-method[data-method='put'], | |
| 493 | .g1t-method[data-method='patch'] { | |
| 494 | --method: var(--g1t-warn); | |
| 495 | } | |
| 496 | .g1t-method-delete, | |
| 497 | .g1t-method[data-method='delete'] { | |
| 498 | --method: var(--g1t-danger); | |
| 499 | } | |
| 500 | /* In the sidebar the method sits at the end of the row, in a fixed column. */ | |
| 501 | .sidebar-content a:has(.g1t-method) { | |
| 502 | display: flex; | |
| 503 | justify-content: space-between; | |
| 504 | align-items: center; | |
| 505 | gap: 0.5rem; | |
| 506 | } | |
| 507 | .sidebar-content .g1t-method { | |
| 508 | min-width: 3.1rem; | |
| 509 | text-align: center; | |
| 510 | font-size: 0.625rem; | |
| 511 | line-height: 1.6; | |
| 512 | } | |
| Chat and workspace agents: channels, DMs and named agents you talk to | 513 | |
| 514 | /* "Soon" beside a sidebar entry for a feature not built yet: quiet, like | |
| 515 | the site's Coming soon tag, not a call to action. */ | |
| 516 | .sidebar-content .sl-badge { | |
| 517 | background: var(--g1t-raised); | |
| 518 | border: 1px solid var(--g1t-line-strong); | |
| 519 | color: var(--g1t-muted); | |
| 520 | font-family: var(--g1t-font-mono); | |
| 521 | font-size: 0.625rem; | |
| 522 | text-transform: uppercase; | |
| 523 | letter-spacing: 0.04em; | |
| 524 | } | |
| g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them. | 525 | |
| 526 | /* Feature tables with a Live, Preview or Coming badge (components/Status.astro): | |
| 527 | on a phone each row stacks, the name and its badge on one line and what it | |
| 528 | does under them, rather than three narrow columns. */ | |
| 529 | @media (max-width: 50rem) { | |
| 530 | .sl-markdown-content table:has(.status), | |
| 531 | .sl-markdown-content table:has(.status) tbody { | |
| 532 | display: block; | |
| 533 | width: 100%; | |
| 534 | } | |
| 535 | .sl-markdown-content table:has(.status) thead { | |
| 536 | display: none; | |
| 537 | } | |
| 538 | .sl-markdown-content table:has(.status) tr { | |
| 539 | display: grid; | |
| 540 | grid-template-columns: minmax(0, 1fr) max-content; | |
| 541 | width: 100%; | |
| 542 | column-gap: 0.75rem; | |
| 543 | padding-block: 0.5rem; | |
| 544 | border-bottom: 1px solid var(--sl-color-hairline); | |
| 545 | } | |
| 546 | .sl-markdown-content table:has(.status) td { | |
| 547 | border: 0; | |
| 548 | padding: 0.15rem 0; | |
| 549 | width: auto; | |
| 550 | } | |
| 551 | .sl-markdown-content table:has(.status) td:first-child { | |
| 552 | font-weight: 600; | |
| 553 | } | |
| 554 | .sl-markdown-content table:has(.status) td:nth-child(2) { | |
| 555 | grid-column: 1 / -1; | |
| 556 | grid-row: 2; | |
| 557 | color: var(--sl-color-gray-2); | |
| 558 | } | |
| 559 | .sl-markdown-content table:has(.status) td:nth-child(3) { | |
| 560 | grid-column: 2; | |
| 561 | grid-row: 1; | |
| 562 | justify-self: end; | |
| 563 | align-self: center; | |
| 564 | width: max-content; | |
| 565 | min-width: 0; | |
| 566 | } | |
| 567 | .sl-markdown-content table:has(.status) td + td { | |
| 568 | margin-top: 0; | |
| 569 | } | |
| 570 | } |
This file's history is long; its oldest lines are credited to the oldest commit read.