From 8f680c8915bfe15b03f4e84550290d08480c00d9 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Sat, 13 May 2023 01:23:46 -0500
Subject: [PATCH] Disable selection of colon dividers in header

---
 _includes/header.html | 6 +++---
 _sass/helpers.scss    | 9 +++++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 7ac7c45..fcebb96 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -7,10 +7,10 @@
 </header>
 <nav>
     <a href="/">~/</a>
-    :
+    <span class="no-select">:</span>
     <a href="https://xevion.dev">~/about/</a>
-    :
+    <span class="no-select">:</span>
     <a href="https://xevion.dev/projects">~/projects/</a>
-    :
+    <span class="no-select">:</span>
     <a href="https://xevion.dev/resume">~/resume/</a>
 </nav>
\ No newline at end of file
diff --git a/_sass/helpers.scss b/_sass/helpers.scss
index 98ea987..fffcc6c 100644
--- a/_sass/helpers.scss
+++ b/_sass/helpers.scss
@@ -25,4 +25,13 @@ p {
 
 body.wide {
     max-width: 60rem !important;
+}
+
+.no-select {
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+    -khtml-user-select: none; /* Konqueror HTML */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
 }
\ No newline at end of file