Fixed hover behavior on Flickr embeds

I’m using a tweaked version of Blots Blog” template, and the defaults were great, except for embedded Flickr photos. Since they’re actually hyperlinks to the source photos on Flickr, they were affected by the a:hover CSS selector, which made them briefly flash when I would mouse over them, me being an unrepentant pixel-peeper. I fixed it by changing that selector to:

    a:hover:not([data-flickr-embed=”true”]) {
      opacity: 0.75
    }

And now here we are!


Date
August 28, 2022