Tweaking card shadows

src/definitions/views/card.less

@@ -463,6 +463,7 @@ a.ui.card:hover,
 .ui.cards > .black.card,
 .ui.black.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @black,
     @shadowBoxShadow
   ;
@@ -471,6 +472,7 @@ a.ui.card:hover,
 .ui.cards > .blue.card,
 .ui.blue.card {
    box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @blue,
     @shadowBoxShadow
   ;
@@ -479,6 +481,7 @@ a.ui.card:hover,
 .ui.cards > .green.card,
 .ui.green.card {
     box-shadow:
+      @borderShadow,
       0px @coloredShadowDistance 0px 0px @green,
       @shadowBoxShadow
     ;
@@ -487,6 +490,7 @@ a.ui.card:hover,
 .ui.cards > .orange.card,
 .ui.orange.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @orange,
     @shadowBoxShadow
   ;
@@ -495,6 +499,7 @@ a.ui.card:hover,
 .ui.cards > .pink.card,
 .ui.pink.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @pink,
     @shadowBoxShadow
   ;
@@ -503,6 +508,7 @@ a.ui.card:hover,
 .ui.cards > .purple.card,
 .ui.purple.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @purple,
     @shadowBoxShadow
   ;
@@ -511,6 +517,7 @@ a.ui.card:hover,
 .ui.cards > .red.card,
 .ui.red.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @red,
     @shadowBoxShadow
   ;
@@ -519,6 +526,7 @@ a.ui.card:hover,
 .ui.cards > .teal.card,
 .ui.teal.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @teal,
     @shadowBoxShadow
   ;
@@ -527,6 +535,7 @@ a.ui.card:hover,
 .ui.cards > .yellow.card,
 .ui.yellow.card {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @yellow,
     @shadowBoxShadow
   ;
@@ -537,6 +546,7 @@ a.ui.card:hover,
 .ui.cards > .black.card:hover,
 .ui.black.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @blackHover,
     @shadowHoverBoxShadow
   ;
@@ -545,6 +555,7 @@ a.ui.card:hover,
 .ui.cards > .blue.card:hover,
 .ui.blue.card:hover {
    box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @blueHover,
     @shadowHoverBoxShadow
   ;
@@ -553,6 +564,7 @@ a.ui.card:hover,
 .ui.cards > .green.card:hover,
 .ui.green.card:hover {
     box-shadow:
+      @borderShadow,
       0px @coloredShadowDistance 0px 0px @greenHover,
       @shadowHoverBoxShadow
     ;
@@ -561,6 +573,7 @@ a.ui.card:hover,
 .ui.cards > .orange.card:hover,
 .ui.orange.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @orangeHover,
     @shadowHoverBoxShadow
   ;
@@ -569,6 +582,7 @@ a.ui.card:hover,
 .ui.cards > .pink.card:hover,
 .ui.pink.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @pinkHover,
     @shadowHoverBoxShadow
   ;
@@ -577,6 +591,7 @@ a.ui.card:hover,
 .ui.cards > .purple.card:hover,
 .ui.purple.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @purpleHover,
     @shadowHoverBoxShadow
   ;
@@ -585,6 +600,7 @@ a.ui.card:hover,
 .ui.cards > .red.card:hover,
 .ui.red.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @redHover,
     @shadowHoverBoxShadow
   ;
@@ -593,6 +609,7 @@ a.ui.card:hover,
 .ui.cards > .teal.card:hover,
 .ui.teal.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @tealHover,
     @shadowHoverBoxShadow
   ;
@@ -601,6 +618,7 @@ a.ui.card:hover,
 .ui.cards > .yellow.card:hover,
 .ui.yellow.card:hover {
   box-shadow:
+    @borderShadow,
     0px @coloredShadowDistance 0px 0px @yellowHover,
     @shadowHoverBoxShadow
   ;

src/themes/default/views/card.variables

@@ -154,7 +154,7 @@
 @shadowHoverBoxShadow: 0px @shadowDistance @linkHoverRaiseDistance 0px @solidSelectedBorderColor;
 @linkHoverBoxShadow:
   @shadowHoverBoxShadow,
-  0px 0px 0px @borderWidth @borderColor
+  @borderShadow
 ;
 
 /* Card Count */