@devslab/site-kit 0.8.0 → 0.9.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/dist/chrome.d.ts.map +1 -1
- package/dist/solid.js +142 -109
- package/dist/solid.js.map +1 -1
- package/dist/solid.server.js +50 -15
- package/dist/solid.server.js.map +1 -1
- package/package.json +2 -2
- package/styles.css +17 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devslab/site-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "Strict i18n, SEO/GEO, and Solid public-site shells for DevsLab products",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"./site-sections.css": "./site-sections.css"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@devslab/dds-solid": "0.
|
|
63
|
+
"@devslab/dds-solid": "0.9.0"
|
|
64
64
|
},
|
|
65
65
|
"peerDependencies": {
|
|
66
66
|
"@tanstack/solid-router": "1.170.30",
|
package/styles.css
CHANGED
|
@@ -19,10 +19,23 @@
|
|
|
19
19
|
.site-locale { inline-size: auto; min-inline-size: 9rem; }
|
|
20
20
|
.site-footer { border-block-start: 1px solid var(--dds-color-border-default); margin-block-start: var(--dds-space-64); padding-block: var(--dds-space-32); }
|
|
21
21
|
.site-footer__inner { inline-size: min(100% - var(--dds-space-32), 1120px); margin-inline: auto; display: grid; gap: var(--dds-space-16); }
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
.
|
|
25
|
-
.site-
|
|
22
|
+
/* The kit gave these rows layout and colour but no size, so the footer
|
|
23
|
+
inherited the 16px body and read a step larger than the same row on a
|
|
24
|
+
sibling product's page. Every consumer that noticed fixed it locally. */
|
|
25
|
+
.site-footer__links { font-size: var(--dds-typo-body-2-font-size); }
|
|
26
|
+
.site-footer__langs { font-size: var(--dds-typo-caption-font-size); }
|
|
27
|
+
.site-footer__langs-menu { position: relative; display: inline-block; }
|
|
28
|
+
.site-footer__langs-trigger { display: inline-flex; align-items: center; gap: var(--dds-space-4); color: var(--dds-color-text-muted); cursor: pointer; list-style: none; }
|
|
29
|
+
.site-footer__langs-trigger::-webkit-details-marker { display: none; }
|
|
30
|
+
.site-footer__langs-trigger::after { content: ""; inline-size: 0; block-size: 0; border-inline: 4px solid transparent; border-block-start: 4px solid currentColor; }
|
|
31
|
+
.site-footer__langs-menu[open] .site-footer__langs-trigger,
|
|
32
|
+
.site-footer__langs-trigger:hover { color: var(--dds-color-text-primary); }
|
|
33
|
+
.site-footer__langs-trigger:focus-visible { outline: 2px solid var(--dds-color-border-focus); outline-offset: 2px; }
|
|
34
|
+
/* The footer sits at the foot of the page, so the list opens upward. */
|
|
35
|
+
.site-footer__langs-list { position: absolute; inset-block-end: calc(100% + var(--dds-space-8)); inset-inline-start: 0; z-index: 20; margin: 0; padding: var(--dds-space-8); max-block-size: 60vh; overflow-y: auto; display: grid; gap: var(--dds-space-4); min-inline-size: 12rem; list-style: none; border: 1px solid var(--dds-color-border-default); border-radius: var(--dds-radius-md); background: var(--dds-color-bg-default); box-shadow: var(--dds-elevation-2); }
|
|
36
|
+
.site-footer__langs-list a { display: block; padding: var(--dds-space-4) var(--dds-space-8); border-radius: var(--dds-radius-sm); color: var(--dds-color-text-secondary); text-decoration: none; }
|
|
37
|
+
.site-footer__langs-list a:hover { background: var(--dds-color-bg-subtle); color: var(--dds-color-text-primary); }
|
|
38
|
+
.site-footer__langs-list a[aria-current="page"] { color: var(--dds-color-text-primary); font-weight: 600; }
|
|
26
39
|
.site-footer__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--dds-space-16) var(--dds-space-32); }
|
|
27
40
|
.site-footer__brand { display: inline-flex; align-items: center; gap: var(--dds-space-8); margin: 0; color: var(--dds-color-text-secondary); }
|
|
28
41
|
.site-footer__brand img, .site-footer__brand svg { block-size: 16px; inline-size: 16px; }
|