wait #7325

diff --git a/js/casestudies_detail.js b/js/casestudies_detail.js
index f7061800b51c6629555b333e4da009e087ba45d9..bdf2b0343b5fc8b94fed74702f1728b4fcc98554 100644 (file)
--- 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 16c3bc0a5ccca885c72d67f22df79b57c61362eb..db7fc1d81e03a2e934f61b41e2152a3a28d96a58 100644 (file)
--- 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;