From 86f8e4cd21c8b1cb338c081a9055c64137c5fdea Mon Sep 17 00:00:00 2001
From: Ruben <80677339+rubenv95@users.noreply.github.com>
Date: Mon, 22 Jan 2024 16:21:51 +0000
Subject: [PATCH] CSS Template - update hyperlinks styles (#79)

* apply phs style to hyperlinks using `a` class.

* fix typo calling var(--) for colour in btn border

* consistent spacing and additional notes
---
 inst/text/phs_style.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/inst/text/phs_style.css b/inst/text/phs_style.css
index 9ab4e19..d5fbbf4 100644
--- a/inst/text/phs_style.css
+++ b/inst/text/phs_style.css
@@ -60,9 +60,22 @@ body {
     background-color: var(--white);
   }
 
-/* Style hyperlinks */
-.externallink {color: var(--phs-purple); font-weight: bold;}
-.externallink:hover {color: var(--phs-teal-50);}
+/* Style external links */
+.externallink {
+  color: var(--phs-purple);
+  font-weight: bold;
+}
+.externallink:hover {
+  color: var(--phs-teal-50);
+
+}
+/* Style in-line hyperlinks (e.g., rmarkdowns using [text](link)) */
+a {
+  color: var(--phs-purple);
+  font-weight: bold;}
+a:hover {
+  color: var(--phs-teal-50);
+}
 
 /* Table of Contents */
 .tocify {
@@ -104,7 +117,7 @@ body {
   .btn-default.hover, .btn-default:hover, .btn-default.focus,
   .btn-default:focus {
     background-color: var(--phs-purple-10);
-    border-color: var(phs-purple);
+    border-color: var(--phs-purple);
 }
 
 /* tabset panel update, pills style in phs colours */