@refrakt-md/lumina 0.41.3 → 0.42.0

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@refrakt-md/lumina",
3
3
  "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and layout configs",
4
- "version": "0.41.3",
4
+ "version": "0.42.0",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -86,10 +86,10 @@
86
86
  "generate-tokens": "node scripts/generate-tokens.mjs"
87
87
  },
88
88
  "dependencies": {
89
- "@refrakt-md/runes": "0.41.3",
90
- "@refrakt-md/skeleton": "0.41.3",
91
- "@refrakt-md/transform": "0.41.3",
92
- "@refrakt-md/types": "0.41.3"
89
+ "@refrakt-md/runes": "0.42.0",
90
+ "@refrakt-md/skeleton": "0.42.0",
91
+ "@refrakt-md/transform": "0.42.0",
92
+ "@refrakt-md/types": "0.42.0"
93
93
  },
94
94
  "devDependencies": {
95
95
  "postcss": "^8.4.0"
@@ -82,6 +82,14 @@
82
82
  border-left: 3px solid transparent;
83
83
  }
84
84
 
85
+ /* A blank line is an empty `.line`, and in the grid an empty item has no
86
+ * line box, so its row collapsed to nothing and every blank line in a code
87
+ * block vanished. A space gives it a row of the normal height. A trailing
88
+ * empty line (the code's final newline) stays collapsed. */
89
+ .rf-codeblock pre code .line:empty:not(:last-child)::after {
90
+ content: " ";
91
+ }
92
+
85
93
  /* Line numbers — gutter::before owns the left column. Strip the pre's
86
94
  * horizontal padding when linenumbers are on so the gutter sits flush
87
95
  * against the codeblock edge; the gutter's own padding + right border
package/styles/global.css CHANGED
@@ -175,6 +175,11 @@
175
175
  font-size: var(--rf-text-sm);
176
176
  line-height: var(--rf-leading-relaxed);
177
177
  border: 1px solid var(--rf-color-border);
178
+ /* Content inside runes is indented with tabs (SPEC-170), and a browser
179
+ * renders a tab eight columns wide. Two reads as nesting in a code sample
180
+ * without pushing it off a phone screen. A site or theme sets
181
+ * `--rf-code-tab-size` to change it; it is a length in columns. */
182
+ tab-size: var(--rf-code-tab-size, 2);
178
183
  }
179
184
 
180
185
  pre code {