wip #7650 @0.25

diff --git a/style/links.less b/style/links.less
index 1e332f30afc8ce307c39b3dbc4a423e7053e3b71..3a8976c590d8172aa504dba8699269cc931bbfe4 100644 (file)
--- 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 {