From 17090037235d24d5dbf58473aed930b76f50e742 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 3 Feb 2024 02:15:14 -0800
Subject: fix(typography): opaque

---
 src/routes/+layout.svelte      | 2 +-
 src/routes/reader/+page.svelte | 4 ++--
 src/styles/typography.css      | 8 --------
 3 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ce9abd89..c92cf7d7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -105,7 +105,7 @@
 			<a href={root('/tools')} class="header-item">{$locale().navigation.tools}</a>
 			<a href={root('/settings')} class="header-item">{$locale().navigation.settings}</a>
 
-			<span class="header-item true-opaque">|</span>
+			<span class="header-item opaque">|</span>
 
 			{#if data.user}
 				<a href={root(`/user/${$userIdentity.name}`)} class="header-item">
diff --git a/src/routes/reader/+page.svelte b/src/routes/reader/+page.svelte
index 96c41754..269debe1 100644
--- a/src/routes/reader/+page.svelte
+++ b/src/routes/reader/+page.svelte
@@ -19,7 +19,7 @@
 										Vol. {chapter.attributes.volume}
 									{/if}
 									Ch. {chapter.attributes.chapter}
-									<span class="true-opaque">|</span>
+									<span class="opaque">|</span>
 									<a
 										href={`https://mangadex.org/chapter/${chapter.id}`}
 										target="_blank"
@@ -31,7 +31,7 @@
 							{/each}
 						</ul>
 					{:else}
-						<p class="true-opaque">(⌣_⌣”)</p>
+						<p class="opaque">(⌣_⌣”)</p>
 					{/if}
 				{:catch error}
 					{error}
diff --git a/src/styles/typography.css b/src/styles/typography.css
index c1eefbd5..0b9bb694 100644
--- a/src/styles/typography.css
+++ b/src/styles/typography.css
@@ -21,13 +21,5 @@ body {
 }
 
 .opaque {
-	opacity: 1;
-	position: relative;
-	z-index: -1;
-}
-
-.true-opaque {
 	opacity: 0.5;
-	position: relative;
-	z-index: -1;
 }
-- 
cgit v1.2.3