Making WordPress.org


Ignore:
Timestamp:
04/04/2024 03:52:58 AM (3 months ago)
Author:
dufresnesteven
Message:

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

Fixes: #7551
Props: joedolson, dd32

File:
1 edited

Legend:

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

    r13302 r13454  
    2828}
    2929
    30 @keyframes favme-hover {
    31     0% {
    32         font-size: var( --wp--preset--font-size--large );
    33     }
    34     25% {
    35         font-size: var( --wp--preset--font-size--small );
    36     }
    37     75% {
    38         font-size: var( --wp--preset--font-size--large );
    39     }
    40     100% {
    41         font-size: var( --wp--preset--font-size--normal );
    42     }
    43 }
    44 
    4530.plugin-favorite {
    4631    height: calc( 2 * var( --wp--custom--button--spacing--padding--top ) + 2 * var( --wp--preset--font-size--normal ) );
     
    6550        outline: none;
    6651        padding: 0;
    67         transition: all .2s ease;
    6852
    6953        &.favorited {
     
    7155        }
    7256
    73         &:hover {
    74             animation: favme-hover .3s infinite alternate;
    75         }
    76 
    77         &:focus {
    78             outline: thin dotted;
    79         }
    80 
    8157        &:hover,
    8258        &:focus {
    8359            text-decoration: none;
     60            color: var(----wp--preset--color--charcoal-2)
    8461        }
    8562
     
    8966            vertical-align: top;
    9067        }
    91 
    92         &.is-animating {
    93             animation: favme-anime .3s;
    94         }
    9568    }
    9669}
Note: See TracChangeset for help on using the changeset viewer.