Changeset 13454 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins-2024/client/components/plugin/_favorite-button.scss

Timestamp:

04/04/2024 03:52:58 AM (16 months ago)

Author:

dufresnesteven

Message:

wporg-plugins-2024: Remove the heart animation and improve focal states.

Fixes: #7551
Props: joedolson, dd32

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins-2024/client/components/plugin/_favorite-button.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins-2024/client/components/plugin/_favorite-button.scss

@@ -28 +28 @@
 }
 
-@keyframes favme-hover {
-    0% {
-        font-size: var( --wp--preset--font-size--large );
-    }
-    25% {
-        font-size: var( --wp--preset--font-size--small );
-    }
-    75% {
-        font-size: var( --wp--preset--font-size--large );
-    }
-    100% {
-        font-size: var( --wp--preset--font-size--normal );
-    }
-}
-
 .plugin-favorite {
     height: calc( 2 * var( --wp--custom--button--spacing--padding--top ) + 2 * var( --wp--preset--font-size--normal ) );
@@ -65 +50 @@
         outline: none;
         padding: 0;
-        transition: all .2s ease;
 
         &.favorited {
@@ -71 +55 @@
         }
 
-        &:hover {
-            animation: favme-hover .3s infinite alternate;
-        }
-
-        &:focus {
-            outline: thin dotted;
-        }
-
         &:hover,
         &:focus {
             text-decoration: none;
+            color: var(----wp--preset--color--charcoal-2)
         }
 
@@ -89 +66 @@
             vertical-align: top;
         }
-
-        &.is-animating {
-            animation: favme-anime .3s;
-        }
     }
 }