From 32ddcac69aa5f57385186757f4aa3b94c78cebbd Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 11 Jan 2018 10:58:10 +0000
Subject: [PATCH] adding card hover states
---
opentech/static_src/src/sass/components/_card.scss | 12 ++++++++++++
1 file changed, 12 insertions(+)
diff --git a/opentech/static_src/src/sass/components/_card.scss b/opentech/static_src/src/sass/components/_card.scss
index cd2d5905c..93ec48387 100644
--- a/opentech/static_src/src/sass/components/_card.scss
+++ b/opentech/static_src/src/sass/components/_card.scss
@@ -1,11 +1,23 @@
.card {
+ $root: &;
position: relative;
padding: 30px 30px 100px;
background-color: $color--white;
+ transition: background-color, color, $transition;
+
+ &:hover {
+ color: $color--white;
+ background: $color--light-blue;
+ }
&__teaser {
font-size: 16px;
color: $color--default;
+ transition: color $transition;
+
+ #{$root}:hover & {
+ color: $color--white;
+ }
}
}
--
GitLab