From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 11 Feb 2025 16:31:45 +0000 (+0100)
Subject: wait #7325
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6e145a1e1383981f699c2a3c8598287a75bb3dc4;p=bloomsburie.git

wait #7325
---

diff --git a/js/casestudies_detail.js b/js/casestudies_detail.js
index f706180..bdf2b03 100644
--- a/js/casestudies_detail.js
+++ b/js/casestudies_detail.js
@@ -3,7 +3,7 @@ TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_casestudies_detail();';
 function load_casestudies_detail() {
     $('p>a:first-child:last-child').each(function(){
         let t = $(this).text();
-        $(this).addClass('animated-arrow').addClass('discreet');
+        $(this).addClass('animated-arrow').addClass('black');
         $(this).html('<span class="the-arrow -left"><span class="shaft"></span></span><span class="main"><span class="text">' + t + '</span><span class="the-arrow -right"><span class="shaft"></span></span>');
     });
 }
diff --git a/less/link-arrow.less b/less/link-arrow.less
index 16c3bc0..db7fc1d 100644
--- a/less/link-arrow.less
+++ b/less/link-arrow.less
@@ -14,13 +14,13 @@
 // The Arrow
 .the-arrow {
   width: @shaft-width;
-  top:0px;
+  top: 0px;
   //transition: transform 0.2s;
 
   &.-left {
     position: absolute;
     left: 0;
-    top:9px;
+    top: 9px;
 
     > .shaft {
       //width: 0;
@@ -105,23 +105,28 @@
 }
 
 
-
 // Animated Arrow Button
 
 .animated-arrow {
   text-transform: uppercase;
 
-  &.revert{
+  &.revert {
     transform: scaleX(-1);
-    .main .text{
+
+    .main .text {
       transform: scaleX(-1);
     }
   }
 
-  &.discreet{
+  &.black {
+    color: @black !important;
+  }
+
+  &.discreet {
     text-transform: none;
     text-decoration: none;
   }
+
   display: inline-block;
   //color: currentColor;
   //font-size: 1.25em;