Repository navigation
Expand file tree
/
Copy pathcomponents.css
More file actions
116 lines (112 loc) · 5.11 KB
/
Copy pathcomponents.css
File metadata and controls
116 lines (112 loc) · 5.11 KB
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
/* Shared button and card spec: 40px buttons, 8px button radius, 12px card radius. */
[role="navigation"][aria-label="Documentation pages"] > a {
min-height: 40px;
border-radius: var(--g-radius-md) !important;
padding: var(--g-space-1) var(--g-space-3) !important;
}
#content-area .card {
border-radius: var(--g-radius-lg);
}
/* Mintlify's "Suggest edits" / "Raise issue" toolbar. Sit it directly under
the page pager, on the same left edge, using the shared 40px / 8px button spec. */
#content-area #content:has(+ .feedback-toolbar) {
margin-bottom: var(--g-space-4);
}
#content-area .feedback-toolbar a[href*="/edit/"],
#content-area .feedback-toolbar a[href*="/issues/new"] {
min-height: 40px;
padding: var(--g-space-1) var(--g-space-3);
gap: var(--g-space-1);
border: 1px solid var(--g-border-strong);
border-radius: var(--g-radius-md);
background: var(--g-surface);
color: var(--g-text-subtle);
transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}
#content-area .feedback-toolbar a[href*="/edit/"]:hover,
#content-area .feedback-toolbar a[href*="/issues/new"]:hover {
border-color: var(--g-border-strong);
background: var(--g-surface-hover);
color: var(--g-ink);
}
#content-area .feedback-toolbar a[href*="/edit/"]:focus-visible,
#content-area .feedback-toolbar a[href*="/issues/new"]:focus-visible {
outline: 2px solid var(--g-focus);
outline-offset: 4px;
}
/* Built-in page feedback (thumbs + form): neutral, brand-aligned */
#feedback-thumbs-up,
#feedback-thumbs-down {
border: 1px solid #d6e5dc;
border-radius: 8px;
background: transparent;
color: #586b60;
transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
#feedback-thumbs-up:hover,
#feedback-thumbs-down:hover {
border-color: #94b6a2;
background: #edf6f0;
color: #062314;
}
#feedback-thumbs-up:focus-visible,
#feedback-thumbs-down:focus-visible {
outline: 2px solid #118d4f;
outline-offset: 2px;
}
#feedback-form {
border: 1px solid #d6e5dc;
border-radius: 12px;
background: #ffffff;
color: #062314;
}
:is(.dark) #feedback-thumbs-up,
:is(.dark) #feedback-thumbs-down {
border-color: #262626;
color: #a3a3a3;
}
:is(.dark) #feedback-thumbs-up:hover,
:is(.dark) #feedback-thumbs-down:hover {
border-color: #404040;
background: #1c1d1d;
color: #ededed;
}
:is(.dark) #feedback-thumbs-up:focus-visible,
:is(.dark) #feedback-thumbs-down:focus-visible {
outline-color: #4dea9c;
}
:is(.dark) #feedback-form {
border-color: #262626;
background: #141515;
color: #ededed;
}
/* Home hero: two columns on wide screens */
@media (min-width: 1024px) {
.gfy-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.gfy-agent-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; }
}
/* Home hero snippet: custom tablist, wrapped code, copy button */
.gfy-snippet { border: 1px solid #d6e5dc; border-radius: 12px; background: #ffffff; overflow: hidden; }
.gfy-snippet-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 8px 0 4px; border-bottom: 1px solid #d6e5dc; background: #f6faf7; }
.gfy-tablist { display: flex; flex-wrap: wrap; }
.gfy-tab { padding: 10px 10px; font-size: 12px; font-weight: 500; color: #586b60; background: none; border: 0; border-bottom: 2px solid transparent; cursor: pointer; }
.gfy-tab[aria-selected="true"] { color: #118d4f; border-bottom-color: #118d4f; }
.gfy-tab:hover { color: #062314; }
.gfy-tab:focus-visible, .gfy-copy:focus-visible, .gfy-panel:focus-visible { outline: 2px solid #118d4f; outline-offset: -2px; border-radius: 6px; }
.gfy-snippet-title { padding: 10px 8px; font-size: 12px; font-weight: 500; color: #586b60; }
.gfy-copy { font-size: 12px; font-weight: 500; color: #254d37; background: transparent; border: 1px solid #c7dbd0; border-radius: 6px; padding: 3px 10px; cursor: pointer; }
.gfy-copy:hover { background: #edf6f0; }
.gfy-panel { padding: 14px 16px; }
.gfy-pre { margin: 0; padding: 0; background: none; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 13px; line-height: 1.65; color: #062314; }
.gfy-link { color: #118d4f !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(17,141,79,.45); border-bottom: 0 !important; }
.gfy-link:hover { text-decoration-color: currentColor; }
:is(.dark) .gfy-snippet { border-color: #262626; background: #141515; }
:is(.dark) .gfy-snippet-bar { border-bottom-color: #262626; background: #101111; }
:is(.dark) .gfy-tab, :is(.dark) .gfy-snippet-title { color: #a3a3a3; }
:is(.dark) .gfy-tab:hover { color: #ededed; }
:is(.dark) .gfy-tab[aria-selected="true"] { color: #4dea9c; border-bottom-color: #4dea9c; }
:is(.dark) .gfy-tab:focus-visible, :is(.dark) .gfy-copy:focus-visible, :is(.dark) .gfy-panel:focus-visible { outline-color: #4dea9c; }
:is(.dark) .gfy-copy { color: #d4d4d4; border-color: #262626; }
:is(.dark) .gfy-copy:hover { background: #1c1d1d; }
:is(.dark) .gfy-pre { color: #ededed; }
:is(.dark) .gfy-link { color: #4dea9c !important; text-decoration-color: rgba(77,234,156,.45); }