✨ feat(forms.scss): Restrict transition animation to only box shadow #…

…194
Spiderpig86 · Aug 21, 2023 · 4731e12 · 4731e12
1 parent 7fd9209
commit 4731e12
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 13 deletions.
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
@@ -12219,7 +12219,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -12371,7 +12371,7 @@ textarea[type=text] {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -12529,7 +12529,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */

diff --git a/dist/cirrus-all.min.css b/dist/cirrus-all.min.css
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -10798,7 +10798,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -10950,7 +10950,7 @@ textarea[type=text] {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -11108,7 +11108,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -10799,7 +10799,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -10951,7 +10951,7 @@ textarea[type=text] {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */
@@ -11109,7 +11109,7 @@ select {
   font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: var(--font-size-m);
   letter-spacing: 0.02rem;
-  transition: all 0.3s;
+  transition: box-shadow 0.3s;
   outline: none;
   padding: 0.85rem 1.1rem;
   /* Input Field Sizes */

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/components/forms.scss b/src/components/forms.scss
@@ -10,7 +10,7 @@
     font-family: map-get($map: $font-families, $key: secondary);
     font-size: var(--font-size-m);
     letter-spacing: 0.02rem;
-    transition: all 0.3s;
+    transition: box-shadow 0.3s;
     outline: none;
     padding: 0.85rem 1.1rem;