From ea0ee905a008227d3300ec713052594050636da0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Tue, 19 Apr 2022 17:52:31 +0200
Subject: [PATCH] Fix timeline colors

---
 styles/components/_timeline.scss | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/styles/components/_timeline.scss b/styles/components/_timeline.scss
index 9fafa88..762ba01 100644
--- a/styles/components/_timeline.scss
+++ b/styles/components/_timeline.scss
@@ -83,23 +83,24 @@
 	}
 
 	&:hover {
-		$color: colors.$blue-800;
-
-		@include colors.coderdojo-theme {
-			$color: colors.$orange-500;
-		}
-
-		> .stamp {
-			border-color: $color;
-			background-color: $color;
-			color: colors.$inverse-text;
-		}
-
-		> .content {
-			&::before,
-			> h3:first-child::after {
+		@mixin stamp-hover($color) {
+			> .stamp {
+				border-color: $color;
 				background-color: $color;
+				color: colors.$inverse-text;
 			}
+
+			> .content {
+				&::before,
+				> h3:first-child::after {
+					background-color: $color;
+				}
+			}
+		}
+
+		@include stamp-hover(colors.$blue-800);
+		@include colors.coderdojo-theme {
+			@include stamp-hover(colors.$orange-500);
 		}
 	}