From 08c5211bf325768409394cdcc26e07d81e4ecca7 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Fri, 15 Nov 2024 21:59:50 -0300
Subject: [PATCH] Remove "accessibility.scss", "application.scss" and move
 "emoji-picker.scss" to tailwind.css

---
 src/main.tsx                  |  1 -
 src/styles/accessibility.scss | 14 --------------
 src/styles/application.scss   |  2 --
 src/styles/emoji-picker.scss  | 14 --------------
 src/styles/tailwind.css       | 15 +++++++++++++++
 5 files changed, 15 insertions(+), 31 deletions(-)
 delete mode 100644 src/styles/accessibility.scss
 delete mode 100644 src/styles/application.scss
 delete mode 100644 src/styles/emoji-picker.scss

diff --git a/src/main.tsx b/src/main.tsx
index 9155ae1e9..ba0510b10 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -19,7 +19,6 @@ import 'soapbox/features/nostr/keyring.ts';
 import './iframe.ts';
 import './styles/i18n/arabic.css';
 import './styles/i18n/javanese.css';
-import './styles/application.scss';
 import './styles/tailwind.css';
 
 import ready from './ready.ts';
diff --git a/src/styles/accessibility.scss b/src/styles/accessibility.scss
deleted file mode 100644
index 00d5fe384..000000000
--- a/src/styles/accessibility.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';
-
-%white-emoji-outline {
-  filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
-  transform: scale(0.71);
-}
-
-.emojione {
-  @each $emoji in $black-emojis {
-    &[title=':#{$emoji}:'] {
-      @extend %white-emoji-outline;
-    }
-  }
-}
diff --git a/src/styles/application.scss b/src/styles/application.scss
deleted file mode 100644
index 914343d38..000000000
--- a/src/styles/application.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use 'emoji-picker';
-@use 'accessibility';
\ No newline at end of file
diff --git a/src/styles/emoji-picker.scss b/src/styles/emoji-picker.scss
deleted file mode 100644
index 31747eff7..000000000
--- a/src/styles/emoji-picker.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-em-emoji-picker {
-  --rgb-background: 255 255 255;
-  --rgb-accent: var(--color-primary-600);
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.dark em-emoji-picker {
-  --rgb-background: var(--color-primary-900);
-}
-
-.black em-emoji-picker {
-  --rgb-background: var(--color-gray-900);
-}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 94c191b71..280099460 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -263,4 +263,19 @@
   .react-datepicker-popper {
     z-index: 9999 !important;
   }
+
+  em-emoji-picker {
+    --rgb-background: 255 255 255;
+    --rgb-accent: var(--color-primary-600);
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+  
+  .dark em-emoji-picker {
+    --rgb-background: var(--color-primary-900);
+  }
+  
+  .black em-emoji-picker {
+    --rgb-background: var(--color-gray-900);
+  }  
 }
\ No newline at end of file