fix accordion vf-transition syntax

canonical · Aug 24, 2022 · 480eb90 · 480eb90
1 parent 0a3f7a1
commit 480eb90
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/scss/_patterns_accordion.scss b/scss/_patterns_accordion.scss
@@ -48,15 +48,15 @@
       &:hover {
         background-color: $colors--light-theme--background-hover;
       }
-      @include vf-animation(#{background-color, border-color});
+      @include vf-transition(#{background-color, border-color});
     }
 
     &[aria-expanded='false'] {
       &::before {
         transform: rotate(-90deg);
       }
 
-      @include vf-animation(#{background-color, border-color});
+      @include vf-transition(#{background-color, border-color});
     }
   }
 
@@ -92,7 +92,7 @@
     overflow: auto; // include child margins into its height
     padding-left: $sph--large + $icon-size + $sph--large * 2;
 
-    @include vf-animation('transform, opacity', fast);
+    @include vf-transition(#{transform, opacity}, fast);
     // Hides panel content
     &[aria-hidden='true'] {
       height: 0;