From 5876c445b141ceac534c27f2cd027de28dd2f317 Mon Sep 17 00:00:00 2001
From: Jacob Gunther <jacobgunther03+github@gmail.com>
Date: Thu, 4 Jul 2024 22:43:54 -0500
Subject: [PATCH] Make Atom One Dark code theme relatively import

---
 .../css => styles}/atom-one-dark.min.css      |  0
 src/styles/global.sass                        | 25 ++++++++-----------
 2 files changed, 11 insertions(+), 14 deletions(-)
 rename src/{public/css => styles}/atom-one-dark.min.css (100%)

diff --git a/src/public/css/atom-one-dark.min.css b/src/styles/atom-one-dark.min.css
similarity index 100%
rename from src/public/css/atom-one-dark.min.css
rename to src/styles/atom-one-dark.min.css
diff --git a/src/styles/global.sass b/src/styles/global.sass
index cfbcec5..565868e 100644
--- a/src/styles/global.sass
+++ b/src/styles/global.sass
@@ -1,9 +1,10 @@
-@import "~highlight.js/styles/atom-one-dark.css"    
+@import "./atom-one-dark.min.css"    
 
-@mixin box
+@mixin card
     @apply bg-black bg-opacity-10 dark:bg-white dark:bg-opacity-[0.075]
 
-@mixin interactive-box
+@mixin interactive-card
+    @include card
     @apply hover:[&:not(:disabled)]:bg-opacity-[0.15] hover:dark:[&:not(:disabled)]:bg-opacity-10 focus:[&:not(:disabled)]:bg-opacity-[0.15] focus:dark:[&:not(:disabled)]:bg-opacity-10 disabled:bg-opacity-5 outline-none
 
 @tailwind base
@@ -98,8 +99,7 @@
                 @apply hover:bg-neutral-700
         
     .button
-        @include box
-        @include interactive-box
+        @include interactive-card
         @apply px-3 py-2 rounded disabled:text-neutral-500
 
         &.button-border
@@ -109,15 +109,13 @@
             @apply px-2 py-1 text-sm
 
     .select
-        @include box
-        @include interactive-box
+        @include interactive-card
         @apply px-3 py-2 rounded w-full appearance-none text-center cursor-pointer
 
         text-align-last: center
 
     .input
-        @include box
-        @include interactive-box
+        @include interactive-card
         @apply px-3 py-2 rounded block font-mono w-full
 
     .label
@@ -137,14 +135,14 @@
                 @apply border-b border-black/5 dark:border-white/5
 
     .card
-        @include box
+        @include card
         @apply block p-5 rounded
 
         &.card-warning
             @apply bg-orange-400/30
 
         &.card-hover
-            @include interactive-box
+            @include interactive-card
 
         &.card-disabled
             @apply relative
@@ -164,7 +162,7 @@
             @apply hidden
 
         .preview
-            @include box
+            @include card
             @apply rounded flex items-center justify-center relative max-w-full text-lg text-neutral-500 w-[420px] h-[132px]
 
         @supports not selector(&:has(.preview))
@@ -181,8 +179,7 @@
     @apply min-w-0
 
 #carbonads
-    @include box
-    @include interactive-box
+    @include interactive-card
     @apply rounded relative max-w-full w-[420px]
 
     .carbon-wrap