Tweak animations for down-up chevron case

Author: agriyakhetarpal

assets/theme-css/sphinx-design/_dropdown.scss

@@ -119,8 +119,8 @@ details.sd-dropdown {
   }
 
   &[open] > .sd-summary-title .sd-summary-chevron-down i {
-    transform: rotate(180deg);
-    animation: rotate-to-180 0.25s ease-in-out;
+    transform: rotate(-180deg);
+    animation: rotate-to-negative-180 0.25s ease-in-out;
   }
 
   &:not([open]) > .sd-summary-title .sd-summary-chevron-right i {
@@ -130,7 +130,7 @@ details.sd-dropdown {
 
   &:not([open]) > .sd-summary-title .sd-summary-chevron-down i {
     transform: rotate(0deg);
-    animation: rotate-to-0-from-180 0.25s ease-in-out;
+    animation: rotate-to-0-from-negative-180 0.25s ease-in-out;
   }
 
   > .sd-summary-title:hover .sd-summary-chevron-right i,
@@ -155,7 +155,7 @@ details.sd-dropdown {
   }
 
   &[open] > .sd-summary-title:hover .sd-summary-chevron-down i {
-    transform: rotate(180deg) scale(1.1);
+    transform: rotate(-180deg) scale(1.1);
   }
 
   // Hide the card body border when not open
@@ -216,12 +216,12 @@ details.sd-dropdown {
   }
 }
 
-@keyframes rotate-to-180 {
+@keyframes rotate-to-negative-180 {
   from {
     transform: rotate(0deg) scale(1.1);
   }
   to {
-    transform: rotate(180deg) scale(1.1);
+    transform: rotate(-180deg) scale(1.1);
   }
 }
 
@@ -234,9 +234,9 @@ details.sd-dropdown {
   }
 }
 
-@keyframes rotate-to-0-from-180 {
+@keyframes rotate-to-0-from-negative-180 {
   from {
-    transform: rotate(180deg) scale(1.1);
+    transform: rotate(-180deg) scale(1.1);
   }
   to {
     transform: rotate(0deg) scale(1.1);