@rizom/brain 0.2.0-alpha.44 → 0.2.0-alpha.45
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/brain.js +907 -961
- package/dist/site.js +135 -135
- package/dist/site.js.map +5 -5
- package/dist/themes.js +83 -4
- package/dist/themes.js.map +2 -2
- package/package.json +1 -1
package/dist/themes.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// @bun
|
|
2
|
-
var
|
|
2
|
+
var e=`/* ============================================
|
|
3
3
|
THEME BASE - Shared utilities for all themes
|
|
4
4
|
============================================
|
|
5
5
|
This file contains CSS that is IDENTICAL across all themes.
|
|
@@ -50,6 +50,8 @@ var t=`/* ============================================
|
|
|
50
50
|
fonts (\`font-display\`, \`font-body\`, \`font-label\`, \`font-nav\`)
|
|
51
51
|
and the typography scale live in the brand theme that uses them
|
|
52
52
|
so non-brand themes don't ship broken utilities. */
|
|
53
|
+
--font-sans: var(--font-sans);
|
|
54
|
+
--font-heading: var(--font-heading);
|
|
53
55
|
--font-mono: var(--font-mono);
|
|
54
56
|
|
|
55
57
|
/* Typography scale \u2014 each entry bundles font-size + line-height +
|
|
@@ -150,6 +152,7 @@ var t=`/* ============================================
|
|
|
150
152
|
.text-theme-muted { color: var(--color-text-muted); }
|
|
151
153
|
.text-theme-light { color: var(--color-text-light); }
|
|
152
154
|
.text-theme-inverse { color: var(--color-text-inverse); }
|
|
155
|
+
.text-theme-on-dark { color: var(--color-text-on-dark, var(--color-text-inverse)); }
|
|
153
156
|
.text-heading { color: var(--color-heading); }
|
|
154
157
|
.text-selection { color: var(--color-selection); }
|
|
155
158
|
.border-theme { border-color: var(--color-border); }
|
|
@@ -186,6 +189,82 @@ var t=`/* ============================================
|
|
|
186
189
|
background-color: var(--color-selection-bg);
|
|
187
190
|
color: var(--color-selection-text);
|
|
188
191
|
}
|
|
192
|
+
|
|
193
|
+
/* Sticky-footer hygiene for site layouts that use flex-grow mains. */
|
|
194
|
+
body {
|
|
195
|
+
min-height: 100dvh;
|
|
196
|
+
display: flex;
|
|
197
|
+
flex-direction: column;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
/* Reusable editorial decoration hooks. Themes provide colors through
|
|
201
|
+
semantic tokens; these classes only define layering and gradients. */
|
|
202
|
+
.hero-decor,
|
|
203
|
+
.cta-decor {
|
|
204
|
+
position: relative;
|
|
205
|
+
overflow: hidden;
|
|
206
|
+
isolation: isolate;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.hero-decor > *,
|
|
210
|
+
.cta-decor > * {
|
|
211
|
+
position: relative;
|
|
212
|
+
z-index: 1;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.hero-decor::before,
|
|
216
|
+
.hero-decor::after,
|
|
217
|
+
.cta-decor::before,
|
|
218
|
+
.cta-decor::after {
|
|
219
|
+
content: "";
|
|
220
|
+
position: absolute;
|
|
221
|
+
pointer-events: none;
|
|
222
|
+
z-index: 0;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.hero-decor::before {
|
|
226
|
+
inset: -30% -20% auto;
|
|
227
|
+
height: 120%;
|
|
228
|
+
background:
|
|
229
|
+
radial-gradient(circle at 50% 20%, rgb(from var(--color-accent) r g b / 0.5), transparent 28%),
|
|
230
|
+
radial-gradient(circle at 68% 38%, rgb(from var(--color-brand-dark) r g b / 0.35), transparent 36%);
|
|
231
|
+
filter: blur(8px);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.hero-decor::after,
|
|
235
|
+
.cta-decor::before {
|
|
236
|
+
inset: 0;
|
|
237
|
+
opacity: 0.12;
|
|
238
|
+
mix-blend-mode: soft-light;
|
|
239
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.cta-decor::after {
|
|
243
|
+
width: min(48rem, 70vw);
|
|
244
|
+
aspect-ratio: 1;
|
|
245
|
+
right: -18rem;
|
|
246
|
+
bottom: -28rem;
|
|
247
|
+
border-radius: 9999px;
|
|
248
|
+
background: radial-gradient(circle, rgb(from var(--color-brand) r g b / 0.42), transparent 66%);
|
|
249
|
+
filter: blur(6px);
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.pulse-sparkle {
|
|
253
|
+
animation: hero-pulse 2.8s ease-in-out infinite;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
@keyframes hero-pulse {
|
|
257
|
+
0%, 100% {
|
|
258
|
+
opacity: 0.55;
|
|
259
|
+
transform: scale(1);
|
|
260
|
+
box-shadow: 0 0 0 0 rgb(from var(--color-accent) r g b / 0.28);
|
|
261
|
+
}
|
|
262
|
+
50% {
|
|
263
|
+
opacity: 1;
|
|
264
|
+
transform: scale(1.18);
|
|
265
|
+
box-shadow: 0 0 0 10px rgb(from var(--color-accent) r g b / 0);
|
|
266
|
+
}
|
|
267
|
+
}
|
|
189
268
|
}
|
|
190
269
|
|
|
191
270
|
/* ============================================
|
|
@@ -280,9 +359,9 @@ var t=`/* ============================================
|
|
|
280
359
|
display: block;
|
|
281
360
|
}
|
|
282
361
|
}
|
|
283
|
-
`;function o(
|
|
362
|
+
`;function o(t){return e+`
|
|
284
363
|
|
|
285
|
-
`+
|
|
364
|
+
`+t}export{o as composeTheme};
|
|
286
365
|
|
|
287
|
-
//# debugId=
|
|
366
|
+
//# debugId=D9CE28F8B5B44B4064756E2164756E21
|
|
288
367
|
//# sourceMappingURL=themes.js.map
|
package/dist/themes.js.map
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"sourcesContent": [
|
|
5
5
|
"// Types for CSS imports are defined in types.d.ts\n/// <reference types=\"./types.d.ts\" />\n\nimport themeBaseCSS from \"./theme-base.css\" with { type: \"text\" };\n\n/**\n * Compose a complete theme by prepending shared base utilities.\n *\n * Base utilities live in @layer theme-base; theme-specific styles\n * should use @layer theme-override to guarantee correct cascade order.\n */\nexport function composeTheme(themeCSS: string): string {\n return themeBaseCSS + \"\\n\\n\" + themeCSS;\n}\n\nexport default themeBaseCSS;\nexport { themeBaseCSS };\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWO,SAAS,CAAY,CAAC,EAA0B,CACrD,OAAO,EAAe;AAAA;AAAA,EAAS",
|
|
8
|
+
"debugId": "D9CE28F8B5B44B4064756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|