diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-10-02 19:40:18 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-02 11:40:18 -0500 |
| commit | 405966830ccdbee6152037eebb76c4815ff5526c (patch) | |
| tree | 1626cc9b75fdada2fd432554bd19111abd178631 /src/alf/atoms.ts | |
| parent | 3972d3d4c3697ab89c054a82b1d03aff96cfce07 (diff) | |
| download | voidsky-405966830ccdbee6152037eebb76c4815ff5526c.tar.zst | |
Make reply prompt more subtle on desktop (#5569)
* make reply prompt more subtle on desktop * fix alignment * Tweak transition timing --------- Co-authored-by: Eric Bailey <git@esb.lol>
Diffstat (limited to 'src/alf/atoms.ts')
| -rw-r--r-- | src/alf/atoms.ts | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts index 0c8eb330d..2625beda2 100644 --- a/src/alf/atoms.ts +++ b/src/alf/atoms.ts @@ -901,4 +901,32 @@ export const atoms = { hidden: { display: 'none', }, + + /* + * Transition + */ + transition_none: web({ + transitionProperty: 'none', + }), + transition_all: web({ + transitionProperty: 'all', + transitionTimingFunction: 'cubic-bezier(0.17, 0.73, 0.14, 1)', + transitionDuration: '100ms', + }), + transition_color: web({ + transitionProperty: + 'color, background-color, border-color, text-decoration-color, fill, stroke', + transitionTimingFunction: 'cubic-bezier(0.17, 0.73, 0.14, 1)', + transitionDuration: '100ms', + }), + transition_opacity: web({ + transitionProperty: 'opacity', + transitionTimingFunction: 'cubic-bezier(0.17, 0.73, 0.14, 1)', + transitionDuration: '100ms', + }), + transition_transform: web({ + transitionProperty: 'transform', + transitionTimingFunction: 'cubic-bezier(0.17, 0.73, 0.14, 1)', + transitionDuration: '100ms', + }), } as const |