studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) add border-radius transition

Browse Source 
This transition was not working, now this provides are smoother effect.

Closes #112
This commit is contained in:
Nathan Vasse
2024-03-08 17:14:27 +01:00
committed by NathanVss
parent 974f139f14
commit 8e7300b92c
5 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react/src/components/Forms/Input/_index.scss
View File

@@ -5,7 +5,7 @@
border-style: var(--c--components--forms-input--border-style);
background-color: var(--c--components--forms-input--background-color);
display: flex;
transition: border var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
transition: border var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out), border-radius var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
padding: 0 1rem;
gap: 1rem;
cursor: text;