@ox-content/theme-kiosk 3.0.0-beta.2 → 3.0.0-beta.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/README.md +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ Kiosk — Platform signage — a departure-board sidebar, banded heads and arrow
|
|
|
4
4
|
|
|
5
5
|
**Form only.** Geometry, texture, typography and motion, written entirely
|
|
6
6
|
against `--octc-*` custom properties. It names no colors, so it pairs with any
|
|
7
|
-
`@ox-content/theme-color-*` scheme. About 9.
|
|
7
|
+
`@ox-content/theme-color-*` scheme. About 9.3 kB of CSS, zero JavaScript, zero
|
|
8
8
|
runtime dependencies.
|
|
9
9
|
|
|
10
10
|
```bash
|
package/dist/index.cjs
CHANGED
|
@@ -34,7 +34,7 @@ const kiosk = {
|
|
|
34
34
|
"motion-spring": "cubic-bezier(0.3,0,0,1)",
|
|
35
35
|
"motion-rise": "0.4rem"
|
|
36
36
|
},
|
|
37
|
-
css: `@property --octc-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}@property --octc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}
|
|
37
|
+
css: `@property --octc-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}@property --octc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}.sidebar,.toc{top:0;padding-top:calc(var(--octc-header-height) + 1rem)}.header-actions .social-link,.header-actions .theme-toggle{opacity:0.62;transition:opacity var(--octc-motion-fast) var(--octc-motion-ease)}.header:hover .social-link,.header:hover .theme-toggle,.header-actions :focus-visible{opacity:1}.content h1,.content h2,.content h3,.hero-name,.hero-text,.feature-title{text-wrap:balance}.content p,.content li,.hero-tagline,.feature-details{text-wrap:pretty}.content{hanging-punctuation:first last}.content table{font-variant-numeric:tabular-nums}.content a{text-underline-offset:0.18em;text-decoration-skip-ink:auto}.content h1 a,.content h2 a,.content h3 a{text-decoration:none}::selection{background:color-mix(in srgb,var(--octc-color-primary) 28%,transparent);color:var(--octc-color-text)}.sidebar,.toc,.content pre,.search-results{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--octc-color-text) 22%,transparent) transparent}.content pre{scroll-padding-inline:1rem}.content img,.content video,.content iframe{max-width:100%;height:auto}[data-theme="dark"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--octc-ki-board:color-mix(in srgb,var(--octc-color-text) 92%,var(--octc-color-bg));--octc-ki-board-ink:var(--octc-color-bg);--octc-ki-highlight:color-mix(
|
|
38
38
|
in srgb,var(--octc-color-bg) 82%,var(--octc-accent-warm,var(--octc-color-primary))
|
|
39
39
|
);--octc-ki-row:2.35rem;--octc-header-scroll:none}.header,.sidebar,.toc,.nav-link,.content pre,.feature-card,.hero-action,.search-button,.theme-toggle,.social-link,.search-modal{border-radius:0 !important}.header{background:var(--octc-ki-board) !important;border-bottom:4px solid var(--octc-ki-highlight)}.header-title,.header .search-button,.header .search-button span,.header .search-button kbd,.header .theme-toggle,.header .social-link{color:var(--octc-ki-board-ink)}.header-title{font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.header .search-button,.header .theme-toggle,.header .social-link{border:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 40%,transparent);background:transparent}.header .search-button kbd{border-color:color-mix(in srgb,var(--octc-ki-board-ink) 35%,transparent)}.menu-toggle{color:var(--octc-ki-board-ink)}.sidebar{--octc-skin-sidebar-bg:var(--octc-ki-board);background:var(--octc-ki-board);border-right:0;padding:0}.sidebar,.sidebar a:not(.nav-link),.sidebar .nav-link:not(.active){color:var(--octc-ki-board-ink)}.nav-title,.toc-title{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800;text-transform:uppercase;letter-spacing:0.12em;font-size:0.66rem;padding:0.4rem 0.75rem;margin:0}.nav-list{margin:0}.nav-link{color:var(--octc-ki-board-ink);height:var(--octc-ki-row);display:flex;align-items:center;padding-inline:0.75rem;font-weight:600;font-size:0.82rem;letter-spacing:0.01em;border-bottom:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 12%,transparent)}.nav-item:nth-child(even) .nav-link:not(.active){background:color-mix(in srgb,var(--octc-ki-board-ink) 6%,transparent)}.nav-link::after{content:"→";margin-left:auto;opacity:0;transform:translateX(-0.4rem);transition:opacity var(--octc-motion-fast) var(--octc-motion-ease),transform var(--octc-motion-fast) var(--octc-motion-ease)}.nav-link:hover{--octc-skin-nav-hover-bg:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);background:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);color:var(--octc-ki-board-ink)}.nav-link:hover::after{opacity:0.8;transform:translateX(0)}.nav-link.active{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800}.nav-link.active::after{opacity:1;transform:translateX(0)}.toc{border-left:4px solid var(--octc-ki-highlight)}.toc-title{display:inline-block}.toc-link{font-weight:600;font-size:0.78rem}.content h1,.content h2,.content h3{text-transform:uppercase;font-weight:800;letter-spacing:-0.015em}.content h2{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);border-radius:0;padding:0.4rem 0.7rem;border:0;font-size:1.1rem;letter-spacing:0.06em}.content a{font-weight:700;text-decoration-thickness:2px}.content th{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem}.content table,.content th,.content td{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent)}.content blockquote{border:0;border-left:6px solid var(--octc-accent-warm-ink,var(--octc-color-primary));background:color-mix(
|
|
40
40
|
in srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent
|
|
@@ -42,7 +42,7 @@ in srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent
|
|
|
42
42
|
--octc-skin-sidebar-bg,color-mix(in srgb,var(--octc-color-bg-alt) 16%,var(--octc-color-bg))
|
|
43
43
|
)}:root:root .nav-link:not(.active):hover{background:var(
|
|
44
44
|
--octc-skin-nav-hover-bg,color-mix(in srgb,var(--octc-color-bg-alt) 58%,transparent)
|
|
45
|
-
)}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none}`
|
|
45
|
+
)}:root:root .nav-link:hover,:root:root .toc-link:hover,:root:root .content a:hover{font-style:inherit}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none !important}`
|
|
46
46
|
};
|
|
47
47
|
//#endregion
|
|
48
48
|
exports.default = kiosk;
|
package/dist/index.mjs
CHANGED
|
@@ -30,7 +30,7 @@ const kiosk = {
|
|
|
30
30
|
"motion-spring": "cubic-bezier(0.3,0,0,1)",
|
|
31
31
|
"motion-rise": "0.4rem"
|
|
32
32
|
},
|
|
33
|
-
css: `@property --octc-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}@property --octc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}
|
|
33
|
+
css: `@property --octc-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}@property --octc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}.sidebar,.toc{top:0;padding-top:calc(var(--octc-header-height) + 1rem)}.header-actions .social-link,.header-actions .theme-toggle{opacity:0.62;transition:opacity var(--octc-motion-fast) var(--octc-motion-ease)}.header:hover .social-link,.header:hover .theme-toggle,.header-actions :focus-visible{opacity:1}.content h1,.content h2,.content h3,.hero-name,.hero-text,.feature-title{text-wrap:balance}.content p,.content li,.hero-tagline,.feature-details{text-wrap:pretty}.content{hanging-punctuation:first last}.content table{font-variant-numeric:tabular-nums}.content a{text-underline-offset:0.18em;text-decoration-skip-ink:auto}.content h1 a,.content h2 a,.content h3 a{text-decoration:none}::selection{background:color-mix(in srgb,var(--octc-color-primary) 28%,transparent);color:var(--octc-color-text)}.sidebar,.toc,.content pre,.search-results{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--octc-color-text) 22%,transparent) transparent}.content pre{scroll-padding-inline:1rem}.content img,.content video,.content iframe{max-width:100%;height:auto}[data-theme="dark"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--octc-ki-board:color-mix(in srgb,var(--octc-color-text) 92%,var(--octc-color-bg));--octc-ki-board-ink:var(--octc-color-bg);--octc-ki-highlight:color-mix(
|
|
34
34
|
in srgb,var(--octc-color-bg) 82%,var(--octc-accent-warm,var(--octc-color-primary))
|
|
35
35
|
);--octc-ki-row:2.35rem;--octc-header-scroll:none}.header,.sidebar,.toc,.nav-link,.content pre,.feature-card,.hero-action,.search-button,.theme-toggle,.social-link,.search-modal{border-radius:0 !important}.header{background:var(--octc-ki-board) !important;border-bottom:4px solid var(--octc-ki-highlight)}.header-title,.header .search-button,.header .search-button span,.header .search-button kbd,.header .theme-toggle,.header .social-link{color:var(--octc-ki-board-ink)}.header-title{font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.header .search-button,.header .theme-toggle,.header .social-link{border:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 40%,transparent);background:transparent}.header .search-button kbd{border-color:color-mix(in srgb,var(--octc-ki-board-ink) 35%,transparent)}.menu-toggle{color:var(--octc-ki-board-ink)}.sidebar{--octc-skin-sidebar-bg:var(--octc-ki-board);background:var(--octc-ki-board);border-right:0;padding:0}.sidebar,.sidebar a:not(.nav-link),.sidebar .nav-link:not(.active){color:var(--octc-ki-board-ink)}.nav-title,.toc-title{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800;text-transform:uppercase;letter-spacing:0.12em;font-size:0.66rem;padding:0.4rem 0.75rem;margin:0}.nav-list{margin:0}.nav-link{color:var(--octc-ki-board-ink);height:var(--octc-ki-row);display:flex;align-items:center;padding-inline:0.75rem;font-weight:600;font-size:0.82rem;letter-spacing:0.01em;border-bottom:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 12%,transparent)}.nav-item:nth-child(even) .nav-link:not(.active){background:color-mix(in srgb,var(--octc-ki-board-ink) 6%,transparent)}.nav-link::after{content:"→";margin-left:auto;opacity:0;transform:translateX(-0.4rem);transition:opacity var(--octc-motion-fast) var(--octc-motion-ease),transform var(--octc-motion-fast) var(--octc-motion-ease)}.nav-link:hover{--octc-skin-nav-hover-bg:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);background:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);color:var(--octc-ki-board-ink)}.nav-link:hover::after{opacity:0.8;transform:translateX(0)}.nav-link.active{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800}.nav-link.active::after{opacity:1;transform:translateX(0)}.toc{border-left:4px solid var(--octc-ki-highlight)}.toc-title{display:inline-block}.toc-link{font-weight:600;font-size:0.78rem}.content h1,.content h2,.content h3{text-transform:uppercase;font-weight:800;letter-spacing:-0.015em}.content h2{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);border-radius:0;padding:0.4rem 0.7rem;border:0;font-size:1.1rem;letter-spacing:0.06em}.content a{font-weight:700;text-decoration-thickness:2px}.content th{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem}.content table,.content th,.content td{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent)}.content blockquote{border:0;border-left:6px solid var(--octc-accent-warm-ink,var(--octc-color-primary));background:color-mix(
|
|
36
36
|
in srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent
|
|
@@ -38,7 +38,7 @@ in srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent
|
|
|
38
38
|
--octc-skin-sidebar-bg,color-mix(in srgb,var(--octc-color-bg-alt) 16%,var(--octc-color-bg))
|
|
39
39
|
)}:root:root .nav-link:not(.active):hover{background:var(
|
|
40
40
|
--octc-skin-nav-hover-bg,color-mix(in srgb,var(--octc-color-bg-alt) 58%,transparent)
|
|
41
|
-
)}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none}`
|
|
41
|
+
)}:root:root .nav-link:hover,:root:root .toc-link:hover,:root:root .content a:hover{font-style:inherit}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none !important}`
|
|
42
42
|
};
|
|
43
43
|
//#endregion
|
|
44
44
|
export { kiosk as default, kiosk };
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../src/skin.ts","../src/index.ts"],"sourcesContent":["/**\n * Kiosk skin stylesheet.\n *\n * Platform signage — a departure-board sidebar, banded heads and arrows.\n *\n * Written entirely against `--octc-*` custom properties and `color-mix()`, plus\n * neutral black/white alpha for depth — no hue is ever named, which is what lets\n * any `@ox-content/theme-color-*` package drive it.\n *\n * Generated from `scripts/theme-skins/skins/kiosk.css`; edit that file and\n * run `node scripts/theme-skins/generate.mjs` rather than editing this by hand.\n */\nexport const css = `@property --octc-sweep{syntax:\"<percentage>\";inherits:false;initial-value:0%}@property --octc-spin{syntax:\"<angle>\";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:\"\";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}body:not(.entry-page) .header{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}@supports (animation-timeline:scroll()){.header{animation:var(--octc-header-scroll,octc-header-settle) linear both;animation-timeline:scroll(root block);animation-range:0 7rem}}@keyframes octc-header-settle{from{backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}to{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}}.sidebar,.toc{top:0;padding-top:calc(var(--octc-header-height) + 1rem)}.header-actions .social-link,.header-actions .theme-toggle{opacity:0.62;transition:opacity var(--octc-motion-fast) var(--octc-motion-ease)}.header:hover .social-link,.header:hover .theme-toggle,.header-actions :focus-visible{opacity:1}.content h1,.content h2,.content h3,.hero-name,.hero-text,.feature-title{text-wrap:balance}.content p,.content li,.hero-tagline,.feature-details{text-wrap:pretty}.content{hanging-punctuation:first last}.content table{font-variant-numeric:tabular-nums}.content a{text-underline-offset:0.18em;text-decoration-skip-ink:auto}.content h1 a,.content h2 a,.content h3 a{text-decoration:none}::selection{background:color-mix(in srgb,var(--octc-color-primary) 28%,transparent);color:var(--octc-color-text)}.sidebar,.toc,.content pre,.search-results{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--octc-color-text) 22%,transparent) transparent}.content pre{scroll-padding-inline:1rem}.content img,.content video,.content iframe{max-width:100%;height:auto}[data-theme=\"dark\"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not([data-theme=\"light\"]) body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--octc-ki-board:color-mix(in srgb,var(--octc-color-text) 92%,var(--octc-color-bg));--octc-ki-board-ink:var(--octc-color-bg);--octc-ki-highlight:color-mix(\nin srgb,var(--octc-color-bg) 82%,var(--octc-accent-warm,var(--octc-color-primary))\n);--octc-ki-row:2.35rem;--octc-header-scroll:none}.header,.sidebar,.toc,.nav-link,.content pre,.feature-card,.hero-action,.search-button,.theme-toggle,.social-link,.search-modal{border-radius:0 !important}.header{background:var(--octc-ki-board) !important;border-bottom:4px solid var(--octc-ki-highlight)}.header-title,.header .search-button,.header .search-button span,.header .search-button kbd,.header .theme-toggle,.header .social-link{color:var(--octc-ki-board-ink)}.header-title{font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.header .search-button,.header .theme-toggle,.header .social-link{border:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 40%,transparent);background:transparent}.header .search-button kbd{border-color:color-mix(in srgb,var(--octc-ki-board-ink) 35%,transparent)}.menu-toggle{color:var(--octc-ki-board-ink)}.sidebar{--octc-skin-sidebar-bg:var(--octc-ki-board);background:var(--octc-ki-board);border-right:0;padding:0}.sidebar,.sidebar a:not(.nav-link),.sidebar .nav-link:not(.active){color:var(--octc-ki-board-ink)}.nav-title,.toc-title{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800;text-transform:uppercase;letter-spacing:0.12em;font-size:0.66rem;padding:0.4rem 0.75rem;margin:0}.nav-list{margin:0}.nav-link{color:var(--octc-ki-board-ink);height:var(--octc-ki-row);display:flex;align-items:center;padding-inline:0.75rem;font-weight:600;font-size:0.82rem;letter-spacing:0.01em;border-bottom:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 12%,transparent)}.nav-item:nth-child(even) .nav-link:not(.active){background:color-mix(in srgb,var(--octc-ki-board-ink) 6%,transparent)}.nav-link::after{content:\"→\";margin-left:auto;opacity:0;transform:translateX(-0.4rem);transition:opacity var(--octc-motion-fast) var(--octc-motion-ease),transform var(--octc-motion-fast) var(--octc-motion-ease)}.nav-link:hover{--octc-skin-nav-hover-bg:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);background:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);color:var(--octc-ki-board-ink)}.nav-link:hover::after{opacity:0.8;transform:translateX(0)}.nav-link.active{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800}.nav-link.active::after{opacity:1;transform:translateX(0)}.toc{border-left:4px solid var(--octc-ki-highlight)}.toc-title{display:inline-block}.toc-link{font-weight:600;font-size:0.78rem}.content h1,.content h2,.content h3{text-transform:uppercase;font-weight:800;letter-spacing:-0.015em}.content h2{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);border-radius:0;padding:0.4rem 0.7rem;border:0;font-size:1.1rem;letter-spacing:0.06em}.content a{font-weight:700;text-decoration-thickness:2px}.content th{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem}.content table,.content th,.content td{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent)}.content blockquote{border:0;border-left:6px solid var(--octc-accent-warm-ink,var(--octc-color-primary));background:color-mix(\nin srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent\n)}.content hr{height:4px;border:0;background:var(--octc-accent-warm-ink,var(--octc-color-primary))}.hero-name{text-transform:uppercase;font-weight:800;letter-spacing:-0.04em}.hero-text,.hero-tagline{text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.hero-action{font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.features .feature-card{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent);padding:1.1rem}.feature-title{text-transform:uppercase;font-weight:800}.hero-action-brand,.hero-action-brand:hover,.hero-action-brand:focus-visible{background:var(--octc-brand-fill,var(--octc-color-primary));border-color:var(--octc-brand-edge,var(--octc-color-primary));color:var(--octc-brand-ink,var(--octc-color-bg))}.hero-action-brand:hover{background:var(--octc-brand-fill-hover,var(--octc-color-primary-hover));border-color:var(--octc-brand-edge-hover,var(--octc-color-primary-hover))}.hero-action-alt,.hero-action-alt:hover{color:var(--octc-color-text)}:root:root .sidebar{background:var(\n--octc-skin-sidebar-bg,color-mix(in srgb,var(--octc-color-bg-alt) 16%,var(--octc-color-bg))\n)}:root:root .nav-link:not(.active):hover{background:var(\n--octc-skin-nav-hover-bg,color-mix(in srgb,var(--octc-color-bg-alt) 58%,transparent)\n)}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none}`;\n","import type { ThemeConfig } from \"@ox-content/vite-plugin\";\n\nimport { css } from \"./skin\";\n\n/**\n * Kiosk — Platform signage — a departure-board sidebar, banded heads and arrows.\n *\n * Form only: geometry, texture, typography and motion. It names no colors, so\n * it composes with any `@ox-content/theme-color-*` package:\n *\n * ```ts\n * theme: [kiosk, tokyoNight]\n * ```\n */\nexport const kiosk: ThemeConfig = {\n name: \"kiosk\",\n fonts: {\n sans: '\"Helvetica Neue\", Helvetica, Inter, \"Segoe UI\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, \"Cascadia Mono\", Consolas, monospace',\n },\n layout: {\n sidebarWidth: \"248px\",\n headerHeight: \"64px\",\n maxContentWidth: \"920px\",\n },\n entryPage: { mode: \"default\" },\n tokens: {\n \"motion-fast\": \"120ms\",\n \"motion-base\": \"220ms\",\n \"motion-slow\": \"460ms\",\n \"motion-ease\": \"cubic-bezier(0.3,0,0,1)\",\n \"motion-spring\": \"cubic-bezier(0.3,0,0,1)\",\n \"motion-rise\": \"0.4rem\",\n },\n css,\n};\n\nexport default kiosk;\n"],"mappings":";;;;;;;;;;;;ACcA,MAAa,QAAqB;CAChC,MAAM;CACN,OAAO;EACL,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,cAAc;EACd,cAAc;EACd,iBAAiB;CACnB;CACA,WAAW,EAAE,MAAM,UAAU;CAC7B,QAAQ;EACN,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,eAAe;CACjB;CACA;;;;;;;;;AACF"}
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/skin.ts","../src/index.ts"],"sourcesContent":["/**\n * Kiosk skin stylesheet.\n *\n * Platform signage — a departure-board sidebar, banded heads and arrows.\n *\n * Written entirely against `--octc-*` custom properties and `color-mix()`, plus\n * neutral black/white alpha for depth — no hue is ever named, which is what lets\n * any `@ox-content/theme-color-*` package drive it.\n *\n * Generated from `tools/scripts/theme-skins/skins/kiosk.css`; edit that file and\n * run `node tools/scripts/theme-skins/generate.mjs` rather than editing this by hand.\n */\nexport const css = `@property --octc-sweep{syntax:\"<percentage>\";inherits:false;initial-value:0%}@property --octc-spin{syntax:\"<angle>\";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:\"\";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}.sidebar,.toc{top:0;padding-top:calc(var(--octc-header-height) + 1rem)}.header-actions .social-link,.header-actions .theme-toggle{opacity:0.62;transition:opacity var(--octc-motion-fast) var(--octc-motion-ease)}.header:hover .social-link,.header:hover .theme-toggle,.header-actions :focus-visible{opacity:1}.content h1,.content h2,.content h3,.hero-name,.hero-text,.feature-title{text-wrap:balance}.content p,.content li,.hero-tagline,.feature-details{text-wrap:pretty}.content{hanging-punctuation:first last}.content table{font-variant-numeric:tabular-nums}.content a{text-underline-offset:0.18em;text-decoration-skip-ink:auto}.content h1 a,.content h2 a,.content h3 a{text-decoration:none}::selection{background:color-mix(in srgb,var(--octc-color-primary) 28%,transparent);color:var(--octc-color-text)}.sidebar,.toc,.content pre,.search-results{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--octc-color-text) 22%,transparent) transparent}.content pre{scroll-padding-inline:1rem}.content img,.content video,.content iframe{max-width:100%;height:auto}[data-theme=\"dark\"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not([data-theme=\"light\"]) body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--octc-ki-board:color-mix(in srgb,var(--octc-color-text) 92%,var(--octc-color-bg));--octc-ki-board-ink:var(--octc-color-bg);--octc-ki-highlight:color-mix(\nin srgb,var(--octc-color-bg) 82%,var(--octc-accent-warm,var(--octc-color-primary))\n);--octc-ki-row:2.35rem;--octc-header-scroll:none}.header,.sidebar,.toc,.nav-link,.content pre,.feature-card,.hero-action,.search-button,.theme-toggle,.social-link,.search-modal{border-radius:0 !important}.header{background:var(--octc-ki-board) !important;border-bottom:4px solid var(--octc-ki-highlight)}.header-title,.header .search-button,.header .search-button span,.header .search-button kbd,.header .theme-toggle,.header .social-link{color:var(--octc-ki-board-ink)}.header-title{font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.header .search-button,.header .theme-toggle,.header .social-link{border:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 40%,transparent);background:transparent}.header .search-button kbd{border-color:color-mix(in srgb,var(--octc-ki-board-ink) 35%,transparent)}.menu-toggle{color:var(--octc-ki-board-ink)}.sidebar{--octc-skin-sidebar-bg:var(--octc-ki-board);background:var(--octc-ki-board);border-right:0;padding:0}.sidebar,.sidebar a:not(.nav-link),.sidebar .nav-link:not(.active){color:var(--octc-ki-board-ink)}.nav-title,.toc-title{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800;text-transform:uppercase;letter-spacing:0.12em;font-size:0.66rem;padding:0.4rem 0.75rem;margin:0}.nav-list{margin:0}.nav-link{color:var(--octc-ki-board-ink);height:var(--octc-ki-row);display:flex;align-items:center;padding-inline:0.75rem;font-weight:600;font-size:0.82rem;letter-spacing:0.01em;border-bottom:1px solid color-mix(in srgb,var(--octc-ki-board-ink) 12%,transparent)}.nav-item:nth-child(even) .nav-link:not(.active){background:color-mix(in srgb,var(--octc-ki-board-ink) 6%,transparent)}.nav-link::after{content:\"→\";margin-left:auto;opacity:0;transform:translateX(-0.4rem);transition:opacity var(--octc-motion-fast) var(--octc-motion-ease),transform var(--octc-motion-fast) var(--octc-motion-ease)}.nav-link:hover{--octc-skin-nav-hover-bg:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);background:color-mix(in srgb,var(--octc-ki-board-ink) 14%,transparent);color:var(--octc-ki-board-ink)}.nav-link:hover::after{opacity:0.8;transform:translateX(0)}.nav-link.active{background:var(--octc-ki-highlight);color:var(--octc-ki-board);font-weight:800}.nav-link.active::after{opacity:1;transform:translateX(0)}.toc{border-left:4px solid var(--octc-ki-highlight)}.toc-title{display:inline-block}.toc-link{font-weight:600;font-size:0.78rem}.content h1,.content h2,.content h3{text-transform:uppercase;font-weight:800;letter-spacing:-0.015em}.content h2{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);border-radius:0;padding:0.4rem 0.7rem;border:0;font-size:1.1rem;letter-spacing:0.06em}.content a{font-weight:700;text-decoration-thickness:2px}.content th{background:var(--octc-ki-board);color:var(--octc-ki-board-ink);text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem}.content table,.content th,.content td{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent)}.content blockquote{border:0;border-left:6px solid var(--octc-accent-warm-ink,var(--octc-color-primary));background:color-mix(\nin srgb,var(--octc-accent-warm,var(--octc-color-primary)) 10%,transparent\n)}.content hr{height:4px;border:0;background:var(--octc-accent-warm-ink,var(--octc-color-primary))}.hero-name{text-transform:uppercase;font-weight:800;letter-spacing:-0.04em}.hero-text,.hero-tagline{text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.hero-action{font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.features .feature-card{border:1px solid color-mix(in srgb,var(--octc-color-text) 24%,transparent);padding:1.1rem}.feature-title{text-transform:uppercase;font-weight:800}.hero-action-brand,.hero-action-brand:hover,.hero-action-brand:focus-visible{background:var(--octc-brand-fill,var(--octc-color-primary));border-color:var(--octc-brand-edge,var(--octc-color-primary));color:var(--octc-brand-ink,var(--octc-color-bg))}.hero-action-brand:hover{background:var(--octc-brand-fill-hover,var(--octc-color-primary-hover));border-color:var(--octc-brand-edge-hover,var(--octc-color-primary-hover))}.hero-action-alt,.hero-action-alt:hover{color:var(--octc-color-text)}:root:root .sidebar{background:var(\n--octc-skin-sidebar-bg,color-mix(in srgb,var(--octc-color-bg-alt) 16%,var(--octc-color-bg))\n)}:root:root .nav-link:not(.active):hover{background:var(\n--octc-skin-nav-hover-bg,color-mix(in srgb,var(--octc-color-bg-alt) 58%,transparent)\n)}:root:root .nav-link:hover,:root:root .toc-link:hover,:root:root .content a:hover{font-style:inherit}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none !important}`;\n","import type { ThemeConfig } from \"@ox-content/vite-plugin\";\n\nimport { css } from \"./skin\";\n\n/**\n * Kiosk — Platform signage — a departure-board sidebar, banded heads and arrows.\n *\n * Form only: geometry, texture, typography and motion. It names no colors, so\n * it composes with any `@ox-content/theme-color-*` package:\n *\n * ```ts\n * theme: [kiosk, tokyoNight]\n * ```\n */\nexport const kiosk: ThemeConfig = {\n name: \"kiosk\",\n fonts: {\n sans: '\"Helvetica Neue\", Helvetica, Inter, \"Segoe UI\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, \"Cascadia Mono\", Consolas, monospace',\n },\n layout: {\n sidebarWidth: \"248px\",\n headerHeight: \"64px\",\n maxContentWidth: \"920px\",\n },\n entryPage: { mode: \"default\" },\n tokens: {\n \"motion-fast\": \"120ms\",\n \"motion-base\": \"220ms\",\n \"motion-slow\": \"460ms\",\n \"motion-ease\": \"cubic-bezier(0.3,0,0,1)\",\n \"motion-spring\": \"cubic-bezier(0.3,0,0,1)\",\n \"motion-rise\": \"0.4rem\",\n },\n css,\n};\n\nexport default kiosk;\n"],"mappings":";;;;;;;;;;;;ACcA,MAAa,QAAqB;CAChC,MAAM;CACN,OAAO;EACL,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,cAAc;EACd,cAAc;EACd,iBAAiB;CACnB;CACA,WAAW,EAAE,MAAM,UAAU;CAC7B,QAAQ;EACN,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,eAAe;CACjB;CACA;;;;;;;;;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ox-content/theme-kiosk",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.4",
|
|
4
4
|
"description": "Platform signage — a departure-board sidebar, banded heads and arrows — an Ox Content skin that composes with any @ox-content/theme-color-* scheme",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"board",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"provenance": true
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@ox-content/vite-plugin": "3.0.0-beta.
|
|
44
|
+
"@ox-content/vite-plugin": "3.0.0-beta.4",
|
|
45
45
|
"@types/node": "^26.2.0",
|
|
46
46
|
"@typescript/native-preview": "^7.0.0-dev.20260707.2",
|
|
47
47
|
"typescript": "^7.0.2",
|