mirror of
https://github.com/radixark/miles.git
synced 2026-11-04 08:25:29 +08:00
04b61f31a1
Co-authored-by: Zhichen Zeng <zczeng@uw.edu> Co-authored-by: Shi Dong <shi.dong@radixark.ai> Co-authored-by: Yueming Yuan <yym022502@gmail.com> Co-authored-by: Shi-Dong <Shi-Dong@users.noreply.github.com> Co-authored-by: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com> Co-authored-by: Ethan (Yusheng) Su <yushengsu.thu@gmail.com> Co-authored-by: Haoguang Cai <kai.cai@radixark.ai> Co-authored-by: Mingyi Lu <wisclmy0611@gmail.com> Co-authored-by: Jiajun Li <guapisolo@gmail.com>
160 lines
3.7 KiB
CSS
160 lines
3.7 KiB
CSS
/* =============================================
|
|
Design tokens — light / dark
|
|
============================================= */
|
|
:root {
|
|
--rx-code-bg: rgba(26, 20, 16, 0.05);
|
|
--rx-code-border: rgba(26, 20, 16, 0.10);
|
|
--rx-divider: rgba(26, 20, 16, 0.10);
|
|
--rx-table-bg: rgba(26, 20, 16, 0.02);
|
|
}
|
|
|
|
html.dark {
|
|
--rx-code-bg: rgba(255, 255, 255, 0.06);
|
|
--rx-code-border: rgba(255, 255, 255, 0.08);
|
|
--rx-divider: rgba(255, 255, 255, 0.08);
|
|
--rx-table-bg: rgba(255, 255, 255, 0.02);
|
|
}
|
|
|
|
/* =============================================
|
|
Links — internal orange, external lighter + ↗
|
|
============================================= */
|
|
a {
|
|
color: #d55816;
|
|
text-decoration-thickness: 1px;
|
|
text-underline-offset: 3px;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration-thickness: 2px;
|
|
}
|
|
|
|
a[href^="http"]:not([href*="radixark.com"])::after {
|
|
content: "↗";
|
|
margin-left: 0.15em;
|
|
font-size: 0.7em;
|
|
opacity: 0.45;
|
|
vertical-align: super;
|
|
}
|
|
|
|
/* =============================================
|
|
Nav / UI — Inter (matches RadixArk buttons)
|
|
============================================= */
|
|
#navbar, button {
|
|
font-family: "Inter", system-ui, sans-serif;
|
|
}
|
|
|
|
/* =============================================
|
|
Code — consistent across headings, body, FAQ
|
|
============================================= */
|
|
code {
|
|
background: var(--rx-code-bg) !important;
|
|
border-radius: 4px !important;
|
|
font-size: 0.875em !important;
|
|
padding: 0.15em 0.4em !important;
|
|
}
|
|
|
|
pre {
|
|
border: 1px solid var(--rx-code-border) !important;
|
|
border-radius: 6px !important;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
pre code {
|
|
font-size: 0.875rem !important;
|
|
padding: 0 !important;
|
|
background: none !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* =============================================
|
|
Tables — readable + mobile-safe
|
|
============================================= */
|
|
table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
border-collapse: collapse;
|
|
width: max-content;
|
|
max-width: 100%;
|
|
font-size: 0.9375rem;
|
|
}
|
|
|
|
th {
|
|
background: var(--rx-table-bg);
|
|
font-weight: 600;
|
|
letter-spacing: 0.01em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td {
|
|
border-color: var(--rx-divider);
|
|
vertical-align: top;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* =============================================
|
|
Images — always responsive
|
|
============================================= */
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* =============================================
|
|
Dividers
|
|
============================================= */
|
|
hr {
|
|
border-color: var(--rx-divider) !important;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
/* =============================================
|
|
Model-list card fix (homepage CardGroup)
|
|
============================================= */
|
|
.model-list,
|
|
.model-list a {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.model-list a {
|
|
font-size: 0.9em;
|
|
text-underline-offset: 2px;
|
|
}
|
|
|
|
/* =============================================
|
|
Mobile — overflow and text consistency
|
|
============================================= */
|
|
@media (max-width: 768px) {
|
|
pre, table, img, video, iframe {
|
|
max-width: 100%;
|
|
}
|
|
|
|
pre code {
|
|
font-size: 0.8125rem !important;
|
|
}
|
|
|
|
table {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
h1 code, h2 code, h3 code {
|
|
font-size: 0.8em !important;
|
|
}
|
|
}
|
|
|
|
/* =============================================
|
|
Accordion / FAQ — title size
|
|
============================================= */
|
|
/* Mintlify renders accordion titles as buttons;
|
|
scale them down relative to body text */
|
|
button[data-accordion-trigger],
|
|
[data-accordion] button,
|
|
.accordion-title,
|
|
details summary {
|
|
font-size: 0.9375rem !important; /* 15px — tighter than body */
|
|
line-height: 1.4 !important;
|
|
font-weight: 500 !important;
|
|
}
|