This website works better with JavaScript.
Home
Explore
Help
Sign In
closed-social
/
mastodon
Watch
3
Star
0
Fork
2
Code
Issues
5
Pull Requests
0
Projects
0
Releases
3
Wiki
Activity
Browse Source
[Glitch] Add white outline to black emoji
Inspired from
0bfa0f2374
closed-social-glitch-2
Thibaut Girka
6 years ago
committed by
ThibG
parent
b6ce5fa3fb
commit
36f50be305
2 changed files
with
14 additions
and
0 deletions
Split View
Diff Options
Show Stats
Download Patch File
Download Diff File
+13
-0
app/javascript/flavours/glitch/styles/accessibility.scss
+1
-0
app/javascript/flavours/glitch/styles/index.scss
+ 13
- 0
app/javascript/flavours/glitch/styles/accessibility.scss
View File
@ -0,0 +1,13 @@
$emojis-requiring-outlines
:
'
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
'
!default
;
%
emoji-outline
{
filter
:
drop-shadow
(
1px
1px
0
$
primary-text-color
)
drop-shadow
(
-1px
1px
0
$
primary-text-color
)
drop-shadow
(
1px
-1px
0
$
primary-text-color
)
drop-shadow
(
-1px
-1px
0
$
primary-text-color
)
;
}
.
emojione
{
@each
$
emoji
in
$
emojis-requiring-outlines
{
&
[
title
=
'
:
#{
$emoji
}
:
'
]
{
@extend
%
emoji-outline
;
}
}
}
+ 1
- 0
app/javascript/flavours/glitch/styles/index.scss
View File
@ -19,5 +19,6 @@
@import
'
about
'
;
@import
'
tables
'
;
@import
'
admin
'
;
@import
'
accessibility
'
;
@import
'
rtl
'
;
@import
'
dashboard
'
;
Write
Preview
Loading…
Cancel
Save