From 8b6610e743ea064b7487a8ccff81f545f4bc99e6 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Sun, 17 Mar 2024 16:06:18 -0700
Subject: [PATCH] chore: highlight variation

---
 src/assets/styles/index.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index fdf03e7a..5af3527a 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -280,10 +280,29 @@ footer nav:last-child span:not(.active) {
   color: var(--color-lightest);
   background-color: var(--accent-color);
   padding: var(--sizing-xs);
+}
+
+p .highlight-text:nth-child(even) {
+  -webkit-clip-path: polygon(2px 0px,99.5% 0,100% 93%,0px 100%);
+  clip-path: polygon(2px 0px,99.5% 0,100% 93%,0px 100%);
+}
+
+p .highlight-text:nth-child(odd) {
+  -webkit-clip-path: polygon(2px 0px,99.5% 0,98.5% 95%,0px 100%);
+  clip-path: polygon(2px 0px,99.5% 0,98.5% 95%,0px 100%);
+}
+
+p .highlight-text:first-of-type {
   -webkit-clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%);
   clip-path: polygon(1px 2px,99.5% 0,100% 95%,0px 100%);
 }
 
+p .highlight-text:last-of-type {
+  -webkit-clip-path: polygon(0 0,100% 0,100% 90%,0px 95%);
+  clip-path: polygon(0 0,100% 0,100% 90%,0px 95%);
+}
+
+
 code {
   padding: var(--sizing-xs);
   color: var(--text-color-inverted);