From b263f479dc573cbc0226e8d823eb30c1ef41e721 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 21 Jul 2025 18:53:15 +0200
Subject: [PATCH] wip #7650 @0.25

---
 style/links.less | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/style/links.less b/style/links.less
index 1e332f30..3a8976c5 100644
--- a/style/links.less
+++ b/style/links.less
@@ -249,14 +249,16 @@
   display: block;
   background-color: transparent;
 
-  &[data-display-area="fill"]{
-    -webkit-tap-highlight-color: @links-area-color;
-    background-color: fadeout(@links-color, 99.999%);
-    border-radius: unit(@links-rounded-corners*2, px);
-
+  &[data-animation="fade"], &[data-animation="highlight"] {
     &.animating {
       background-color: @links-area-color;
     }
+  }
+
+  &[data-display-area="fill"] {
+    -webkit-tap-highlight-color: @links-area-color;
+    background-color: fadeout(@links-color, 99.999%);
+    border-radius: unit(@links-rounded-corners*2, px);
 
     &:hover, &.hover {
       .using-mouse & {
@@ -272,6 +274,27 @@
       }
     }
   }
+
+  &[data-display-area="stroke"] {
+    border-width: 4px;
+    border-style: solid;
+    border-color: fadeout(@links-color, 99.999%);
+    border-radius: unit(@links-rounded-corners*2, px);
+
+    &:hover, &.hover {
+      .using-mouse & {
+        opacity: 1 !important;
+        border-color: @links-area-color;
+      }
+    }
+
+    &:focus {
+      .keyboard-navigating & {
+        opacity: 1 !important;
+        border-color: @links-area-color;
+      }
+    }
+  }
 }
 
 #links .nonlinkarea {
-- 
2.39.5