diff options
| author | Kit Langton <[email protected]> | 2026-03-02 17:24:32 -0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-03-02 16:24:32 -0600 |
| commit | 9d7852b5c39b64b96fe1bc14a80a344a0667f0b7 (patch) | |
| tree | bcbe5c2bac7e5dc203c5e1bf242a83ba5b32aaac /packages/ui/src/components/checkbox.css | |
| parent | 78069369e2253c9788c09b7a71478d140c9741f2 (diff) | |
| download | opencode-9d7852b5c39b64b96fe1bc14a80a344a0667f0b7.tar.gz opencode-9d7852b5c39b64b96fe1bc14a80a344a0667f0b7.zip | |
Animation Smorgasbord (#15637)
Co-authored-by: Adam <[email protected]>
Diffstat (limited to 'packages/ui/src/components/checkbox.css')
| -rw-r--r-- | packages/ui/src/components/checkbox.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/packages/ui/src/components/checkbox.css b/packages/ui/src/components/checkbox.css index 82994bb88..304179965 100644 --- a/packages/ui/src/components/checkbox.css +++ b/packages/ui/src/components/checkbox.css @@ -28,6 +28,10 @@ flex-shrink: 0; border-radius: var(--radius-sm); border: 1px solid var(--border-weak-base); + transition: + border-color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), + background-color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), + box-shadow 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)); /* background-color: var(--surface-weak); */ } @@ -39,6 +43,10 @@ height: 100%; color: var(--icon-base); opacity: 0; + transform: scale(0.9); + transition: + opacity 180ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), + transform 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)); } /* [data-slot="checkbox-checkbox-content"] { */ @@ -100,6 +108,7 @@ &[data-checked] [data-slot="checkbox-checkbox-indicator"], &[data-indeterminate] [data-slot="checkbox-checkbox-indicator"] { opacity: 1; + transform: scale(1); } &[data-disabled] { |