summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/cycle-label.css
diff options
context:
space:
mode:
authorAdam <[email protected]>2026-02-02 11:46:25 -0600
committerAdam <[email protected]>2026-02-02 14:24:24 -0600
commit70cf609ce90a7534349c8dd5ed8441cbd32ebba7 (patch)
tree4dbf2be3e1928c3c4414fe3397eaf90d076d0c63 /packages/ui/src/components/cycle-label.css
parent2f76b49df3cfd316069a2b5c292fed369acadbde (diff)
downloadopencode-70cf609ce90a7534349c8dd5ed8441cbd32ebba7.tar.gz
opencode-70cf609ce90a7534349c8dd5ed8441cbd32ebba7.zip
Revert "feat(ui): Select, dropdown, popover styles & transitions (#11675)"
This reverts commit 377bf7ff21a4f05807c38675ac70cd08fe67b516.
Diffstat (limited to 'packages/ui/src/components/cycle-label.css')
-rw-r--r--packages/ui/src/components/cycle-label.css49
1 files changed, 0 insertions, 49 deletions
diff --git a/packages/ui/src/components/cycle-label.css b/packages/ui/src/components/cycle-label.css
deleted file mode 100644
index 3c98fcd26..000000000
--- a/packages/ui/src/components/cycle-label.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.cycle-label {
- --c-duration: 200ms;
- --c-stagger: 30ms;
- --c-opacity-start: 0;
- --c-opacity-end: 1;
- --c-blur-start: 0px;
- --c-blur-end: 0px;
- --c-skew: 10deg;
-
- display: inline-flex;
- position: relative;
-
- transform-style: preserve-3d;
- perspective: 500px;
- transition: width var(--transition-duration) var(--transition-easing);
- will-change: width;
- overflow: hidden;
-
- .cycle-char {
- display: inline-block;
- transform-style: preserve-3d;
- min-width: 0.25em;
- backface-visibility: hidden;
-
- transition-property: transform, opacity, filter;
- transition-duration: var(--transition-duration);
- transition-timing-function: var(--transition-easing);
- transition-delay: calc(var(--i, 0) * var(--c-stagger));
-
- &.enter {
- opacity: var(--c-opacity-end);
- filter: blur(var(--c-blur-end));
- transform: translateY(0) rotateX(0) skewX(0);
- }
-
- &.exit {
- opacity: var(--c-opacity-start);
- filter: blur(var(--c-blur-start));
- transform: translateY(50%) rotateX(90deg) skewX(var(--c-skew));
- }
-
- &.pre {
- opacity: var(--c-opacity-start);
- filter: blur(var(--c-blur-start));
- transition: none;
- transform: translateY(-50%) rotateX(-90deg) skewX(calc(var(--c-skew) * -1));
- }
- }
-}