From 0b1e6a0e7f8020e275ce9f99b569e96983599eee Mon Sep 17 00:00:00 2001
From: arne <hi@arnes.space>
Date: Fri, 25 Feb 2022 08:28:58 +0100
Subject: [PATCH] Change link styling

---
 src/assets/style.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/assets/style.scss b/src/assets/style.scss
index 719d77a..462634f 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -6,6 +6,8 @@ $logo-size: 216;
 $factor: 1 / ($logo-size / 500);
 
 $highlight: #ff005f;
+$highlight-1: #ff005f11;
+$highlight-2: #ff005f22;
 
 @import 'ibm-plex/css/ibm-plex.scss';
 
@@ -49,6 +51,25 @@ p {
 
 a {
   color: $highlight;
+  display: inline-block;
+  position: relative;
+  text-decoration: none;
+
+  &:before {
+    content: '';
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: -.3em;
+    right: -.3em;
+    background: $highlight-1;
+    transition: .2s background ease-in;
+  }
+
+  &:hover:before {
+    background: $highlight-2;
+  }
 }
 
 .ten-print {