mbk/cohost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

crumble: change to spans for better copying

Browse source
This commit is contained in:
mehbark 2023-09-07 21:36:15 -04:00
parent df57bcdcd9
commit 1cb7cb1e18
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
html/crumble.tsx
View file

@ -16,7 +16,7 @@ export const Shaky = ({
children: ComponentChildren; children: ComponentChildren;
delay?: number; delay?: number;
}) => ( }) => (
<div <span
style={{ style={{
transform: css.transform(css.translate(css.px(-1), css.px(-1))), transform: css.transform(css.translate(css.px(-1), css.px(-1))),
animation: `0.2s spin alternate-reverse linear ${delay}s infinite`, animation: `0.2s spin alternate-reverse linear ${delay}s infinite`,
@ -24,10 +24,14 @@ export const Shaky = ({
}} }}
> >
{children} {children}
</div> </span>
); );
const default_fall_delay = (x: number) => (3 * x) ** 4; const default_fall_delay = (x: number) => (3 * x) ** 4;
// direction should be random but that doesn't need to be as custo
// well should it
// i think i'll try without that first
// a slow fall is fun
export const Fall = ({ export const Fall = ({
children, children,
delay = 0, delay = 0,
@ -35,13 +39,13 @@ export const Fall = ({
children: ComponentChildren; children: ComponentChildren;
delay?: number; delay?: number;
}) => ( }) => (
<div <span
style={{ style={{
display: css.inline_block, display: css.inline_block,
}} }}
> >
{children} {children}
</div> </span>
); );
const msg = ` const msg = `