@docpensieve/theme 0.2.0 → 0.3.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/styles/prose.css +28 -0
- package/styles/structure.css +63 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@docpensieve/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0-beta.2",
|
|
4
4
|
"description": "DocPensieve theme system: composable providers (Tailwind, custom)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"types"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@docpensieve/shared": "0.
|
|
23
|
+
"@docpensieve/shared": "0.3.0-beta.2",
|
|
24
24
|
"tailwindcss": "^4.3.3"
|
|
25
25
|
},
|
|
26
26
|
"keywords": [
|
package/styles/prose.css
CHANGED
|
@@ -160,3 +160,31 @@
|
|
|
160
160
|
border-color: var(--dp-text-soft);
|
|
161
161
|
color: var(--dp-text);
|
|
162
162
|
}
|
|
163
|
+
|
|
164
|
+
/* The byline of a page: quieter than the text it introduces. */
|
|
165
|
+
.dp-byline {
|
|
166
|
+
border-block-end: 1px solid var(--dp-border);
|
|
167
|
+
font-size: 0.9rem;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.dp-byline-name {
|
|
171
|
+
font-weight: 600;
|
|
172
|
+
color: var(--dp-text);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.dp-byline-name a {
|
|
176
|
+
color: inherit;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.dp-byline-bio,
|
|
180
|
+
.dp-byline-dates {
|
|
181
|
+
color: var(--dp-text-soft);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.dp-byline-bio {
|
|
185
|
+
font-size: 0.85rem;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.dp-byline-avatar {
|
|
189
|
+
border: 1px solid var(--dp-border);
|
|
190
|
+
}
|
package/styles/structure.css
CHANGED
|
@@ -320,3 +320,66 @@ body {
|
|
|
320
320
|
scroll-behavior: auto;
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
|
+
|
|
324
|
+
/*
|
|
325
|
+
* The byline: who wrote the page, and when. Layout only — its colours and its
|
|
326
|
+
* type live in prose.css, shared by every theme.
|
|
327
|
+
*/
|
|
328
|
+
.dp-byline {
|
|
329
|
+
display: flex;
|
|
330
|
+
flex-direction: column;
|
|
331
|
+
gap: 0.75rem;
|
|
332
|
+
margin-block-end: 2rem;
|
|
333
|
+
padding-block-end: 1rem;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.dp-byline-authors {
|
|
337
|
+
display: flex;
|
|
338
|
+
flex-wrap: wrap;
|
|
339
|
+
gap: 1rem 1.5rem;
|
|
340
|
+
margin: 0;
|
|
341
|
+
padding: 0;
|
|
342
|
+
list-style: none;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.dp-byline-author {
|
|
346
|
+
display: grid;
|
|
347
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
348
|
+
grid-template-areas:
|
|
349
|
+
'avatar name'
|
|
350
|
+
'avatar bio';
|
|
351
|
+
gap: 0 0.65rem;
|
|
352
|
+
align-items: center;
|
|
353
|
+
max-inline-size: 32rem;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
/* Without an avatar, the empty column would push the name to the right. */
|
|
357
|
+
.dp-byline-author:not(:has(.dp-byline-avatar)) {
|
|
358
|
+
grid-template-columns: minmax(0, 1fr);
|
|
359
|
+
grid-template-areas:
|
|
360
|
+
'name'
|
|
361
|
+
'bio';
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.dp-byline-avatar {
|
|
365
|
+
grid-area: avatar;
|
|
366
|
+
inline-size: 2.5rem;
|
|
367
|
+
block-size: 2.5rem;
|
|
368
|
+
border-radius: 999px;
|
|
369
|
+
object-fit: cover;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.dp-byline-name {
|
|
373
|
+
grid-area: name;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
.dp-byline-bio {
|
|
377
|
+
grid-area: bio;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.dp-byline-dates {
|
|
381
|
+
display: flex;
|
|
382
|
+
flex-wrap: wrap;
|
|
383
|
+
gap: 0.25rem 1rem;
|
|
384
|
+
margin: 0;
|
|
385
|
+
}
|