@riebeckite/theme-minimal 0.0.15 → 0.0.17
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/README.md +1 -1
- package/README_ja.md +1 -1
- package/package.json +2 -2
- package/styles/theme.css +13 -5
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ no JavaScript.
|
|
|
11
11
|
`minimalTheme()` creates a theme named `minimal`. Under the hood it exposes
|
|
12
12
|
the full set of `--rb-*` semantic tokens and maps them into an `@theme` block,
|
|
13
13
|
then layers a typographic character on top of the stable structural hooks
|
|
14
|
-
(`.rb-article-*`, `.rb-sidebar
|
|
14
|
+
(`.rb-article-*`, `.rb-sidebar`) and the plugin roots (`rr-*`) — all
|
|
15
15
|
scoped to `[data-theme-name="minimal"]` and kept outside `@layer base`.
|
|
16
16
|
|
|
17
17
|
It is a Riebeckite-native implementation of the design principles behind
|
package/README_ja.md
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## 何をするテーマか
|
|
8
8
|
|
|
9
|
-
`minimalTheme()` は名前が `minimal` のテーマを作ります。完全な `--rb-*` トークンを `@theme` に対応させたうえで、安定した構造フック(`.rb-article-*`、`.rb-sidebar
|
|
9
|
+
`minimalTheme()` は名前が `minimal` のテーマを作ります。完全な `--rb-*` トークンを `@theme` に対応させたうえで、安定した構造フック(`.rb-article-*`、`.rb-sidebar`)とプラグインのルート(`rr-*`)にタイポグラフィの個性を重ねます。指定はすべて `[data-theme-name="minimal"]` にスコープし、`@layer base` の外に置いています。
|
|
10
10
|
|
|
11
11
|
[Minimal for Obsidian](https://github.com/kepano/obsidian-minimal) の設計思想(内容が主役、静かな操作画面、強いタイポグラフィ、控えめなアクセント、詰まっていても読みやすいクローム)を、Riebeckite のセマンティックトークンと安定フックに置き換えて実装したものです。Obsidian デスクトップアプリの見た目を模したり、Obsidian の変数や DOM があることを前提にしたりはしません。
|
|
12
12
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riebeckite/theme-minimal",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/src/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"./styles/theme.css": "./styles/theme.css"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@riebeckite/core": "0.0.
|
|
19
|
+
"@riebeckite/core": "0.0.17"
|
|
20
20
|
},
|
|
21
21
|
"publishConfig": {
|
|
22
22
|
"access": "public"
|
package/styles/theme.css
CHANGED
|
@@ -241,7 +241,7 @@
|
|
|
241
241
|
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
242
242
|
.rb-article-body
|
|
243
243
|
blockquote {
|
|
244
|
-
margin: 2rem 0;
|
|
244
|
+
margin: 2rem 0 0;
|
|
245
245
|
padding: 0.1rem 0 0.1rem 1.25rem;
|
|
246
246
|
border: 0;
|
|
247
247
|
border-left: 1px solid var(--rb-color-border-strong);
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
289
289
|
.rb-article-body
|
|
290
290
|
pre:not(:where(.rr-code *)) {
|
|
291
|
-
margin: 2rem 0;
|
|
291
|
+
margin: 2rem 0 0;
|
|
292
292
|
padding: 1rem 1.1rem;
|
|
293
293
|
border: 1px solid var(--rb-color-border);
|
|
294
294
|
border-radius: 0;
|
|
@@ -300,6 +300,12 @@
|
|
|
300
300
|
overflow-x: auto;
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
+
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
304
|
+
.rb-article-body
|
|
305
|
+
pre:not(:where(.rr-code *)):has(+ :is(h1, h2)) {
|
|
306
|
+
margin-bottom: 2rem;
|
|
307
|
+
}
|
|
308
|
+
|
|
303
309
|
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
304
310
|
.rb-article-body
|
|
305
311
|
pre:not(:where(.rr-code *))
|
|
@@ -312,7 +318,9 @@
|
|
|
312
318
|
}
|
|
313
319
|
|
|
314
320
|
/* ---- Tables: hairlines and a quiet, weighted header. ---- */
|
|
315
|
-
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
321
|
+
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
322
|
+
.rb-article-body
|
|
323
|
+
table:not(:where(.rr-diff-history *)) {
|
|
316
324
|
margin: 2rem 0;
|
|
317
325
|
border: 0;
|
|
318
326
|
font-size: 0.95em;
|
|
@@ -463,7 +471,7 @@
|
|
|
463
471
|
|
|
464
472
|
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
465
473
|
.rr-callout
|
|
466
|
-
.
|
|
474
|
+
.rr-callout__title {
|
|
467
475
|
color: var(--rb-color-muted);
|
|
468
476
|
font-family: var(--rb-font-body);
|
|
469
477
|
font-size: 0.8125rem;
|
|
@@ -474,7 +482,7 @@
|
|
|
474
482
|
|
|
475
483
|
:is(:root, .rb-theme-root)[data-theme-name="minimal"]
|
|
476
484
|
.rr-callout
|
|
477
|
-
.
|
|
485
|
+
.rr-callout__icon {
|
|
478
486
|
color: var(--rb-color-muted);
|
|
479
487
|
}
|
|
480
488
|
|