Fixed an issue whith child `.card` elements incorrectly inheriting their parents’ rules

src/definitions/views/card.less

@@ -863,7 +863,7 @@ a.ui.card:hover,
     margin-left: @oneCardOffset;
     margin-right: @oneCardOffset;
   }
-  .ui.two.doubling.cards .card {
+  .ui.two.doubling.cards > .card {
     width: @oneCard;
     margin-left: @oneCardSpacing;
     margin-right: @oneCardSpacing;
@@ -872,7 +872,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.three.doubling.cards .card {
+  .ui.three.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -881,7 +881,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.four.doubling.cards .card {
+  .ui.four.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -890,7 +890,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.five.doubling.cards .card {
+  .ui.five.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -899,7 +899,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.six.doubling.cards .card {
+  .ui.six.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -908,7 +908,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.seven.doubling.cards .card {
+  .ui.seven.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -917,7 +917,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.eight.doubling.cards .card {
+  .ui.eight.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -926,7 +926,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.nine.doubling.cards .card {
+  .ui.nine.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -935,7 +935,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.ten.doubling.cards .card {
+  .ui.ten.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -948,7 +948,7 @@ a.ui.card:hover,
     margin-left: @oneCardOffset;
     margin-right: @oneCardOffset;
   }
-  .ui.two.doubling.cards .card {
+  .ui.two.doubling.cards > .card {
     width: @oneCard;
     margin-left: @oneCardSpacing;
     margin-right: @oneCardSpacing;
@@ -957,7 +957,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.three.doubling.cards .card {
+  .ui.three.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -966,7 +966,7 @@ a.ui.card:hover,
     margin-left: @twoCardOffset;
     margin-right: @twoCardOffset;
   }
-  .ui.four.doubling.cards .card {
+  .ui.four.doubling.cards > .card {
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -975,7 +975,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.five.doubling.cards .card {
+  .ui.five.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -984,7 +984,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.six.doubling.cards .card {
+  .ui.six.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -993,7 +993,7 @@ a.ui.card:hover,
     margin-left: @threeCardOffset;
     margin-right: @threeCardOffset;
   }
-  .ui.eight.doubling.cards .card {
+  .ui.eight.doubling.cards > .card {
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -1002,7 +1002,7 @@ a.ui.card:hover,
     margin-left: @fourCardOffset;
     margin-right: @fourCardOffset;
   }
-  .ui.eight.doubling.cards .card {
+  .ui.eight.doubling.cards > .card {
     width: @fourCard;
     margin-left: @fourCardSpacing;
     margin-right: @fourCardSpacing;
@@ -1011,7 +1011,7 @@ a.ui.card:hover,
     margin-left: @fourCardOffset;
     margin-right: @fourCardOffset;
   }
-  .ui.nine.doubling.cards .card {
+  .ui.nine.doubling.cards > .card {
     width: @fourCard;
     margin-left: @fourCardSpacing;
     margin-right: @fourCardSpacing;
@@ -1020,7 +1020,7 @@ a.ui.card:hover,
     margin-left: @fiveCardOffset;
     margin-right: @fiveCardOffset;
   }
-  .ui.ten.doubling.cards .card {
+  .ui.ten.doubling.cards > .card {
     width: @fiveCard;
     margin-left: @fiveCardSpacing;
     margin-right: @fiveCardSpacing;