about summary refs log tree commit diff
path: root/src/alf
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-10-02 19:40:18 +0300
committerGitHub <noreply@github.com>2024-10-02 11:40:18 -0500
commit405966830ccdbee6152037eebb76c4815ff5526c (patch)
tree1626cc9b75fdada2fd432554bd19111abd178631 /src/alf
parent3972d3d4c3697ab89c054a82b1d03aff96cfce07 (diff)
downloadvoidsky-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')
-rw-r--r--src/alf/atoms.ts28
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