ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-10 22:20:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat(registry): the video-primitive moves, documented and customisable (#3090)" (#3162)

Browse Source 
This reverts commit 3b53bfd2f7.
This commit is contained in:
Miguel Ángel
2026-08-10 14:47:47 -04:00
committed by GitHub
parent 3b53bfd2f7
commit c86d4013f5
2328 changed files with 5906 additions and 458525 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/morph-text/demo.html
Vendored
+10 -10
View File
@@ -1,4 +1,4 @@
<!-- demo.html - used by scripts/generate-catalog-previews.ts to render the
<!-- demo.html — used by scripts/generate-catalog-previews.ts to render the
catalog preview video. Not installed by `hyperframes add morph-text`.
Keep in sync with morph-text.html. -->
<!doctype html>
@@ -27,7 +27,7 @@
width: 1920px;
height: 1080px;
overflow: hidden;
background: var(--bg, #fff);
background: #fff;
}
#morph-text {
@@ -36,7 +36,7 @@
height: 1080px;
}
/* Word list: hidden source of truth - edit <li> items in Studio. */
/* Word list: hidden source of truth — edit <li> items in Studio. */
#morph-words {
display: none;
list-style: none;
@@ -95,7 +95,7 @@
data-morph-pause="1.5"
>
<!--
Edit words here - one <li> per word or phrase.
Edit words here — one <li> per word or phrase.
data-font : CSS font-family (e.g. "'Figtree', sans-serif")
data-color : text color hex (e.g. "#000000")
Adjust data-morph-speed (seconds per morph) and data-morph-pause (hold time) above.
@@ -175,12 +175,12 @@
var wB = words[(stepIdx + 1) % words.length];
elA.textContent = wA.text;
elA.style.fontFamily = "var(--font-display, " + wA.font + ")";
elA.style.color = "var(--fg, " + wA.color + ")";
elA.style.fontFamily = wA.font;
elA.style.color = wA.color;
elB.textContent = wB.text;
elB.style.fontFamily = "var(--font-display, " + wB.font + ")";
elB.style.color = "var(--fg, " + wB.color + ")";
elB.style.fontFamily = wB.font;
elB.style.color = wB.color;
if (frac <= 0) {
display.style.filter = "none";
@@ -207,8 +207,8 @@
if (matchMedia("(prefers-reduced-motion: reduce)").matches) {
elA.textContent = words[0].text;
elA.style.fontFamily = "var(--font-display, " + words[0].font + ")";
elA.style.color = "var(--fg, " + words[0].color + ")";
elA.style.fontFamily = words[0].font;
elA.style.color = words[0].color;
elA.style.opacity = "1";
display.style.filter = "none";
return;