summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/reasoning-icon.css
diff options
context:
space:
mode:
authorAaron Iker <[email protected]>2026-02-02 01:17:14 +0100
committerGitHub <[email protected]>2026-02-02 01:17:14 +0100
commit377bf7ff21a4f05807c38675ac70cd08fe67b516 (patch)
tree018639c6a87c248d2df325f6a32c511d7e9caf15 /packages/ui/src/components/reasoning-icon.css
parentb39c1f158f5e78b41edd944dce792a8b602819c1 (diff)
downloadopencode-377bf7ff21a4f05807c38675ac70cd08fe67b516.tar.gz
opencode-377bf7ff21a4f05807c38675ac70cd08fe67b516.zip
feat(ui): Select, dropdown, popover styles & transitions (#11675)
Diffstat (limited to 'packages/ui/src/components/reasoning-icon.css')
-rw-r--r--packages/ui/src/components/reasoning-icon.css9
1 files changed, 9 insertions, 0 deletions
diff --git a/packages/ui/src/components/reasoning-icon.css b/packages/ui/src/components/reasoning-icon.css
new file mode 100644
index 000000000..26fbc0144
--- /dev/null
+++ b/packages/ui/src/components/reasoning-icon.css
@@ -0,0 +1,9 @@
+[data-component="reasoning-icon"] {
+ color: var(--icon-strong-base);
+
+ [data-slot="reasoning-icon-percentage"] {
+ transition: clip-path 200ms cubic-bezier(0.25, 0, 0.5, 1);
+ clip-path: inset(calc(100% - var(--reasoning-icon-percentage) * 100%) 0 0 0);
+ opacity: calc(var(--reasoning-icon-percentage) * 0.75);
+ }
+}