summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/cycle-label.css
diff options
context:
space:
mode:
authorAdam <[email protected]>2026-01-31 07:18:51 -0600
committerGitHub <[email protected]>2026-01-31 07:18:51 -0600
commita552652fcc024752fcd43d9117282307d15c44d1 (patch)
tree67631d8dd33f1b4db65ea6d2518c188faf1f066f /packages/ui/src/components/cycle-label.css
parent511c7abacaebb5e007139395078b6a848e5e9ea5 (diff)
downloadopencode-a552652fcc024752fcd43d9117282307d15c44d1.tar.gz
opencode-a552652fcc024752fcd43d9117282307d15c44d1.zip
Revert "feat: Transitions, spacing, scroll fade, prompt area update (#11168)" (#11461)
Co-authored-by: adamelmore <[email protected]>
Diffstat (limited to 'packages/ui/src/components/cycle-label.css')
-rw-r--r--packages/ui/src/components/cycle-label.css51
1 files changed, 0 insertions, 51 deletions
diff --git a/packages/ui/src/components/cycle-label.css b/packages/ui/src/components/cycle-label.css
deleted file mode 100644
index e3b5256d4..000000000
--- a/packages/ui/src/components/cycle-label.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.cycle-label {
- --c-dur: 200ms;
- --c-stag: 30ms;
- --c-ease: cubic-bezier(0.25, 0, 0.5, 1);
- --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 200ms var(--c-ease);
- will-change: width;
- overflow: hidden;
-
- .cycle-char {
- display: inline-block;
- transform-style: preserve-3d;
- min-width: 0.25em;
- backface-visibility: hidden;
-
- transition:
- transform var(--c-dur) var(--c-ease),
- opacity var(--c-dur) var(--c-ease),
- filter var(--c-dur) var(--c-ease);
- transition-delay: calc(var(--i, 0) * var(--c-stag));
-
- &.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));
- }
- }
-}