Fixed inverted cards still having a drop shadow (#3478)

src/definitions/views/card.less

@@ -543,8 +543,8 @@ a.ui.card:hover,
 --------------------*/
 
 /* Red */
-.ui.red.cards > .card:not(.inverted),
-.ui.cards > .red.card:not(.inverted),
+.ui.red.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .red.card:not(.inverted),
 .ui.red.card:not(.inverted) {
   box-shadow:
     @borderShadow,
@@ -552,8 +552,8 @@ a.ui.card:hover,
     @shadowBoxShadow
   ;
 }
-.ui.red.cards > .card:not(.inverted):hover,
-.ui.cards > .red.card:not(.inverted):hover,
+.ui.red.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .red.card:not(.inverted):hover,
 .ui.red.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
@@ -572,18 +572,18 @@ a.ui.card:hover,
 }
 
 /* Orange */
-.ui.orange.cards > .card,
-.ui.cards > .orange.card,
-.ui.orange.card {
+.ui.orange.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .orange.card:not(.inverted),
+.ui.orange.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @orange,
     @shadowBoxShadow
   ;
 }
-.ui.orange.cards > .card:hover,
-.ui.cards > .orange.card:hover,
-.ui.orange.card:hover {
+.ui.orange.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards::not(.inverted) > .orange.card:not(.inverted):hover,
+.ui.orange.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @orangeHover,
@@ -601,9 +601,9 @@ a.ui.card:hover,
 }
 
 /* Yellow */
-.ui.yellow.cards > .card,
-.ui.cards > .yellow.card,
-.ui.yellow.card {
+.ui.yellow.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .yellow.card:not(.inverted),
+.ui.yellow.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @yellow,
@@ -611,9 +611,9 @@ a.ui.card:hover,
   ;
 }
 
-.ui.yellow.cards > .card:hover,
-.ui.cards > .yellow.card:hover,
-.ui.yellow.card:hover {
+.ui.yellow.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .yellow.card:not(.inverted):hover,
+.ui.yellow.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @yellowHover,
@@ -631,9 +631,9 @@ a.ui.card:hover,
 }
 
 /* Olive */
-.ui.olive.cards > .card,
-.ui.cards > .olive.card,
-.ui.olive.card {
+.ui.olive.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .olive.card:not(.inverted),
+.ui.olive.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @olive,
@@ -641,9 +641,9 @@ a.ui.card:hover,
   ;
 }
 
-.ui.olive.cards > .card:hover,
-.ui.cards > .olive.card:hover,
-.ui.olive.card:hover {
+.ui.olive.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .olive.card:not(.inverted):hover,
+.ui.olive.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @oliveHover,
@@ -661,18 +661,18 @@ a.ui.card:hover,
 }
 
 /* Green */
-.ui.green.cards > .card,
-.ui.cards > .green.card,
-.ui.green.card {
+.ui.green.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .green.card:not(.inverted),
+.ui.green.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @green,
     @shadowBoxShadow
   ;
 }
-.ui.green.cards > .card:hover,
-.ui.cards > .green.card:hover,
-.ui.green.card:hover {
+.ui.green.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .green.card:not(.inverted):hover,
+.ui.green.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @greenHover,
@@ -690,18 +690,18 @@ a.ui.card:hover,
 }
 
 /* Teal */
-.ui.teal.cards > .card,
-.ui.cards > .teal.card,
-.ui.teal.card {
+.ui.teal.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .teal.card:not(.inverted),
+.ui.teal.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @teal,
     @shadowBoxShadow
   ;
 }
-.ui.teal.cards > .card:hover,
-.ui.cards > .teal.card:hover,
-.ui.teal.card:hover {
+.ui.teal.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .teal.card:not(.inverted):hover,
+.ui.teal.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @tealHover,
@@ -719,18 +719,18 @@ a.ui.card:hover,
 }
 
 /* Blue */
-.ui.blue.cards > .card,
-.ui.cards > .blue.card,
-.ui.blue.card {
+.ui.blue.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .blue.card:not(.inverted),
+.ui.blue.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @blue,
     @shadowBoxShadow
   ;
 }
-.ui.blue.cards > .card:hover,
-.ui.cards > .blue.card:hover,
-.ui.blue.card:hover {
+.ui.blue.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .blue.card:not(.inverted):hover,
+.ui.blue.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @blueHover,
@@ -748,18 +748,18 @@ a.ui.card:hover,
 }
 
 /* Violet */
-.ui.violet.cards > .card,
-.ui.cards > .violet.card,
-.ui.violet.card {
+.ui.violet.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .violet.card:not(.inverted),
+.ui.violet.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @violet,
     @shadowBoxShadow
   ;
 }
-.ui.violet.cards > .card:hover,
-.ui.cards > .violet.card:hover,
-.ui.violet.card:hover {
+.ui.violet.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .violet.card:not(.inverted):hover,
+.ui.violet.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @violetHover,
@@ -777,18 +777,18 @@ a.ui.card:hover,
 }
 
 /* Purple */
-.ui.purple.cards > .card,
-.ui.cards > .purple.card,
-.ui.purple.card {
+.ui.purple.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .purple.card:not(.inverted),
+.ui.purple.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @purple,
     @shadowBoxShadow
   ;
 }
-.ui.purple.cards > .card:hover,
-.ui.cards > .purple.card:hover,
-.ui.purple.card:hover {
+.ui.purple.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .purple.card:not(.inverted):hover,
+.ui.purple.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @purpleHover,
@@ -806,18 +806,18 @@ a.ui.card:hover,
 }
 
 /* Pink */
-.ui.pink.cards > .card,
-.ui.cards > .pink.card,
-.ui.pink.card {
+.ui.pink.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .pink.card:not(.inverted),
+.ui.pink.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @pink,
     @shadowBoxShadow
   ;
 }
-.ui.pink.cards > .card:hover,
-.ui.cards > .pink.card:hover,
-.ui.pink.card:hover {
+.ui.pink.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .pink.card:not(.inverted):hover,
+.ui.pink.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @pinkHover,
@@ -835,18 +835,18 @@ a.ui.card:hover,
 }
 
 /* Brown */
-.ui.brown.cards > .card,
-.ui.cards > .brown.card,
-.ui.brown.card {
+.ui.brown.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .brown.card:not(.inverted),
+.ui.brown.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @brown,
     @shadowBoxShadow
   ;
 }
-.ui.brown.cards > .card:hover,
-.ui.cards > .brown.card:hover,
-.ui.brown.card:hover {
+.ui.brown.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .brown.card:not(.inverted):hover,
+.ui.brown.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @brownHover,
@@ -864,18 +864,18 @@ a.ui.card:hover,
 }
 
 /* Grey */
-.ui.grey.cards > .card,
-.ui.cards > .grey.card,
-.ui.grey.card {
+.ui.grey.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .grey.card:not(.inverted),
+.ui.grey.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @grey,
     @shadowBoxShadow
   ;
 }
-.ui.grey.cards > .card:hover,
-.ui.cards > .grey.card:hover,
-.ui.grey.card:hover {
+.ui.grey.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .grey.card:not(.inverted):hover,
+.ui.grey.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @greyHover,
@@ -893,18 +893,18 @@ a.ui.card:hover,
 }
 
 /* Black */
-.ui.black.cards > .card,
-.ui.cards > .black.card,
-.ui.black.card {
+.ui.black.cards:not(.inverted) > .card:not(.inverted),
+.ui.cards:not(.inverted) > .black.card:not(.inverted),
+.ui.black.card:not(.inverted) {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @black,
     @shadowBoxShadow
   ;
 }
-.ui.black.cards > .card:hover,
-.ui.cards > .black.card:hover,
-.ui.black.card:hover {
+.ui.black.cards:not(.inverted) > .card:not(.inverted):hover,
+.ui.cards:not(.inverted) > .black.card:not(.inverted):hover,
+.ui.black.card:not(.inverted):hover {
   box-shadow:
     @borderShadow,
     0px @coloredShadowDistance 0px 0px @blackHover,