@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 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`, `.prose`) and the plugin roots (`rr-*`) — all
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`、`.prose`)とプラグインのルート(`rr-*`)にタイポグラフィの個性を重ねます。指定はすべて `[data-theme-name="minimal"]` にスコープし、`@layer base` の外に置いています。
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.15",
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.15"
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"] .rb-article-body table {
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
- .callout-title {
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
- .callout-icon {
485
+ .rr-callout__icon {
478
486
  color: var(--rb-color-muted);
479
487
  }
480
488