返回 CodeWhale
docs-help.css
根目录 / web / app / styles / docs-help.css
1 /* ------------------------------------------------------------------ */
2 /* Docs: release truth, task index, contextual help */
3 /* ------------------------------------------------------------------ */
4 .release-truth {
5 margin-top: 1.4rem;
6 color: var(--ink-mute);
7 }
8
9 .release-truth-label {
10 color: var(--ink-mute);
11 font-size: 0.75rem;
12 }
13
14 .release-truth a {
15 color: var(--indigo);
16 }
17
18 .release-truth a:hover {
19 color: var(--indigo-deep);
20 text-decoration: underline;
21 text-underline-offset: 0.2rem;
22 }
23
24 .release-truth[data-release-state="published"] > span:not(.release-truth-label) {
25 color: var(--jade);
26 }
27
28 .docs-result-lead {
29 margin: -0.2rem 0 0.9rem;
30 color: var(--ink-soft);
31 font-size: 0.82rem;
32 }
33
34 .docs-result-heading h3 {
35 font-size: 1.05rem;
36 letter-spacing: -0.01em;
37 }
38
39 .docs-result-heading-topics {
40 margin-bottom: 0;
41 padding-bottom: 0.75rem;
42 }
43
44 .docs-result-topics {
45 display: grid;
46 gap: 2rem;
47 }
48
49 .docs-task-group .docs-topic-list {
50 border-top: 1px solid var(--stage-line);
51 }
52
53 .docs-help {
54 display: grid;
55 grid-template-columns: minmax(0, 1.3fr) minmax(12rem, 0.7fr);
56 gap: clamp(1.5rem, 4vw, 3rem);
57 margin-top: 3rem;
58 padding: clamp(1.4rem, 3vw, 2rem);
59 border: 1px solid var(--stage-line);
60 border-radius: var(--radius-control);
61 background: var(--paper-card);
62 }
63
64 .docs-help-copy h2 {
65 font-size: 1.15rem;
66 letter-spacing: -0.015em;
67 }
68
69 .docs-help-copy p {
70 margin-top: 0.55rem;
71 color: var(--ink-soft);
72 font-size: 0.84rem;
73 line-height: 1.65;
74 }
75
76 .docs-help-source {
77 font-family: var(--font-mono);
78 font-size: 0.75rem !important;
79 color: var(--ink-mute) !important;
80 }
81
82 .docs-help-source a {
83 color: var(--indigo);
84 }
85
86 .docs-help-source a:hover { text-decoration: underline; text-underline-offset: 0.2rem; }
87
88 .docs-help-links {
89 display: grid;
90 gap: 0.35rem;
91 align-content: start;
92 border-top: 1px solid var(--stage-line);
93 padding-top: 0.6rem;
94 }
95
96 .docs-help-links a {
97 display: inline-flex;
98 min-height: 2.5rem;
99 align-items: center;
100 color: var(--indigo);
101 font-family: var(--font-mono);
102 font-size: 0.75rem;
103 }
104
105 .docs-help-links a:hover { color: var(--indigo-deep); text-decoration: underline; text-underline-offset: 0.2rem; }
106
107 @media (max-width: 760px) {
108 .docs-help { grid-template-columns: 1fr; }
109 }
110
111 /* ---------- reference tables on docs pages ---------- */
112 .docs-ref-rows {
113 display: grid;
114 border-top: 1px solid var(--hairline);
115 }
116
117 .docs-ref-rows > div {
118 display: grid;
119 grid-template-columns: minmax(10rem, 0.42fr) minmax(0, 1fr);
120 gap: 1.25rem;
121 padding: 0.9rem 0;
122 border-bottom: 1px solid var(--hairline);
123 }
124
125 .docs-ref-rows dt {
126 color: var(--ink);
127 font-size: 0.88rem;
128 font-weight: 600;
129 }
130
131 .docs-ref-rows dd {
132 min-width: 0;
133 overflow-wrap: anywhere;
134 color: var(--ink-soft);
135 font-size: 0.86rem;
136 line-height: 1.6;
137 }
138
139 .docs-ref-rows code.inline { white-space: nowrap; }
140
141 @media (max-width: 560px) {
142 .docs-ref-rows > div { grid-template-columns: 1fr; gap: 0.3rem; }
143 }
144
144 lines CSS