@refrakt-md/lumina 0.14.3 → 0.14.4
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 +4 -4
- package/styles/runes/nav.css +12 -3
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.14.
|
|
4
|
+
"version": "0.14.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
"build": "tsc"
|
|
84
84
|
},
|
|
85
85
|
"dependencies": {
|
|
86
|
-
"@refrakt-md/runes": "0.14.
|
|
87
|
-
"@refrakt-md/transform": "0.14.
|
|
88
|
-
"@refrakt-md/types": "0.14.
|
|
86
|
+
"@refrakt-md/runes": "0.14.4",
|
|
87
|
+
"@refrakt-md/transform": "0.14.4",
|
|
88
|
+
"@refrakt-md/types": "0.14.4"
|
|
89
89
|
},
|
|
90
90
|
"devDependencies": {
|
|
91
91
|
"postcss": "^8.4.0"
|
package/styles/runes/nav.css
CHANGED
|
@@ -361,8 +361,14 @@
|
|
|
361
361
|
|
|
362
362
|
@media (max-width: 600px) {
|
|
363
363
|
.rf-nav--columns {
|
|
364
|
-
|
|
365
|
-
|
|
364
|
+
/* Keep two columns on mobile. `minmax(0, 1fr)` lets columns shrink
|
|
365
|
+
* below their min-content width so long link labels don't push the
|
|
366
|
+
* grid wider than the viewport and trigger horizontal scroll. */
|
|
367
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
368
|
+
gap: 1.25rem 1.5rem;
|
|
369
|
+
}
|
|
370
|
+
.rf-nav--columns .rf-nav-item__link {
|
|
371
|
+
overflow-wrap: anywhere;
|
|
366
372
|
}
|
|
367
373
|
}
|
|
368
374
|
|
|
@@ -600,7 +606,10 @@
|
|
|
600
606
|
.rf-nav--columns:has(> div[data-name="column"]) {
|
|
601
607
|
grid-auto-flow: row;
|
|
602
608
|
grid-auto-columns: unset;
|
|
603
|
-
|
|
609
|
+
/* Keep two columns on mobile. `minmax(0, 1fr)` lets columns shrink
|
|
610
|
+
* below their min-content width so long link labels don't push the
|
|
611
|
+
* grid wider than the viewport and trigger horizontal scroll. */
|
|
612
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
604
613
|
}
|
|
605
614
|
}
|
|
606
615
|
|