ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

STUPID SEXY TIMELINE (#16420)

Browse source
This commit is contained in:
Kit Langton 2026-03-07 06:25:22 -05:00 • committed by GitHub
commit bbd0f3a252
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
44 changed files with 5177 additions and 2071 deletions
Download patch file Download diff file Expand all files Collapse all files

17
packages/ui/src/components/text-shimmer.css
View file

@ -1,11 +1,11 @@
[data-component="text-shimmer"] {
--text-shimmer-step: 45ms;
--text-shimmer-duration: 1200ms;
--text-shimmer-duration: 2000ms;
--text-shimmer-swap: 220ms;
--text-shimmer-index: 0;
--text-shimmer-angle: 90deg;
--text-shimmer-spread: 5.2ch;
--text-shimmer-size: 360%;
--text-shimmer-size: 600%;
--text-shimmer-base-color: var(--text-weak);
--text-shimmer-peak-color: var(--text-strong);
--text-shimmer-sweep: linear-gradient(
@ -16,15 +16,17 @@
);
--text-shimmer-base: linear-gradient(var(--text-shimmer-base-color), var(--text-shimmer-base-color));
display: inline-flex;
align-items: baseline;
display: inline-block;
vertical-align: baseline;
font: inherit;
letter-spacing: inherit;
line-height: inherit;
}
[data-component="text-shimmer"] [data-slot="text-shimmer-char"] {
display: inline-grid;
display: inline-block;
position: relative;
vertical-align: baseline;
white-space: pre;
font: inherit;
letter-spacing: inherit;
@ -33,7 +35,7 @@
[data-component="text-shimmer"] [data-slot="text-shimmer-char-base"],
[data-component="text-shimmer"] [data-slot="text-shimmer-char-shimmer"] {
grid-area: 1 / 1;
display: inline-block;
white-space: pre;
transition: opacity var(--text-shimmer-swap) ease-out;
font: inherit;
@ -42,11 +44,14 @@
}
[data-component="text-shimmer"] [data-slot="text-shimmer-char-base"] {
position: relative;
color: inherit;
opacity: 1;
}
[data-component="text-shimmer"] [data-slot="text-shimmer-char-shimmer"] {
position: absolute;
inset: 0;
color: var(--text-weaker);
opacity: 0;
}