From 5b4c5c617cb8a657ba259ddf53e9be07ece894fb Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 30 Mar 2015 18:36:08 -0400 Subject: [PATCH] Tweaking card shadows --- src/definitions/views/card.less | 18 ++++++++++++++++++ src/themes/default/views/card.variables | 2 +- 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index a330d4502..5260d9b34 100755 --- a/src/definitions/views/card.less +++ b/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 ; diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables index 12f4118c8..1bd6ea35e 100644 --- a/src/themes/default/views/card.variables +++ b/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 */