moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove "accessibility.scss", "application.scss" and move "emoji-picker.scss" to tailwind.css

This commit is contained in:
danidfra 2024-11-15 21:59:50 -03:00
parent a15e832ab2
commit 08c5211bf3
5 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main.tsx
View File

@ -19,7 +19,6 @@ import 'soapbox/features/nostr/keyring.ts';
import './iframe.ts'; import './iframe.ts';
import './styles/i18n/arabic.css'; import './styles/i18n/arabic.css';
import './styles/i18n/javanese.css'; import './styles/i18n/javanese.css';
import './styles/application.scss';
import './styles/tailwind.css'; import './styles/tailwind.css';
import ready from './ready.ts'; import ready from './ready.ts';

14
src/styles/accessibility.scss
View File

@ -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;
}
}
}

2
src/styles/application.scss
View File

@ -1,2 +0,0 @@
@use 'emoji-picker';
@use 'accessibility';

14
src/styles/emoji-picker.scss
View File

@ -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);
}

15
src/styles/tailwind.css
View File

@ -263,4 +263,19 @@
.react-datepicker-popper { .react-datepicker-popper {
z-index: 9999 !important; 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);
}
} }