Semantic-ui: [Card] Icon containing class "card" misbehaves

[talha-asad]

Steps

<div class="ui link cards">
  <div class="card">
   ...
   <i class="address outline card icon"></i>
  </div>
</div>

Expected Result

Nothing

Actual Result

The card icon has regular ui card css applied to it, cause the selector doesn't has :not(.icon)

Version

2.3.1 and possibly earlier versions

Testcase

https://jsfiddle.net/wzq0a6ar/4/

[hammy2899]

Works for me https://jsfiddle.net/znx72wht/ in your JSFiddle you don't have the content class in your card

[talha-asad]

I think you did not understand the bug. Everything works for me too, with or without the content class. It's just that if you hover the icon, it acts like a card too.

[GammaGames]

Replacing the .ui.link.cards .card:hover selector with .ui.link.cards .card:not(.icon):hover in the css seemed to fix it, though.

[talha-asad]

@Gammagames That is exactly what this bug is submitted for.