From f35e500f582b61da5e66e185537b1ad9ed9e5383 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 9 May 2024 23:04:37 -0500
Subject: [PATCH] Add IBM Plex Mono as monospace font for tailwind

---
 src/styles/globals.scss | 15 ++++++++++-----
 tailwind.config.cjs     |  1 +
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 66d2168..95a520c 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -2,7 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
-@import url('https://rsms.me/inter/inter.css');
+@import url("https://fonts.googleapis.com/css2\
+            ?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700\
+            &family=Inter:wght@100..900&display=swap");
 
 dd {
     margin: 0.5em 0 1em 2em;
@@ -17,16 +19,17 @@ body {
     @apply font-sans bg-zinc-900 text-white;
 }
 
-dd, dl {
+dd,
+dl {
     white-space: nowrap;
 }
 
-
 dl {
     margin: 0;
 }
 
-.rdap-status-code, .rdap-event-time {
+.rdap-status-code,
+.rdap-event-time {
     border-bottom: 1px dashed silver;
 }
 
@@ -42,7 +45,9 @@ dl {
 }
 
 .custom-select {
-    background: #fffff00 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
+    background: #fffff00
+        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
+        no-repeat right 0.75rem center/8px 10px;
 }
 
 .scrollbar-thin {
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index c4efb58..a2ff644 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -7,6 +7,7 @@ module.exports = {
     theme: {
         extend: {
             fontFamily: {
+                mono: ['IBM Plex Mono', ...defaultTheme.fontFamily.mono],
                 sans: ['Inter var', ...defaultTheme.fontFamily.sans],
             },
             colors: {