@riebeckite/theme-minimal 0.0.16 → 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.16",
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.16"
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 *))
@@ -465,7 +471,7 @@
465
471
 
466
472
  :is(:root, .rb-theme-root)[data-theme-name="minimal"]
467
473
  .rr-callout
468
- .callout-title {
474
+ .rr-callout__title {
469
475
  color: var(--rb-color-muted);
470
476
  font-family: var(--rb-font-body);
471
477
  font-size: 0.8125rem;
@@ -476,7 +482,7 @@
476
482
 
477
483
  :is(:root, .rb-theme-root)[data-theme-name="minimal"]
478
484
  .rr-callout
479
- .callout-icon {
485
+ .rr-callout__icon {
480
486
  color: var(--rb-color-muted);
481
487
  }
482
488