[IMPROVE] Upgrade EmojiOne to JoyPixels 4.5.0 (#13807)
William Reiske
7 years ago
committed by
Guilherme Gazzo
parent
e2cd371e7a
commit
68feeb163f
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,35 @@ |
||||
@import './symbols-sprites.css'; |
||||
@import './activity-sprites.css'; |
||||
@import './objects-sprites.css'; |
||||
@import './nature-sprites.css'; |
||||
@import './food-sprites.css'; |
||||
@import './people-sprites.css'; |
||||
@import './regional-sprites.css'; |
||||
@import './travel-sprites.css'; |
||||
@import './flags-sprites.css'; |
||||
@import './modifier-sprites.css'; |
||||
|
||||
.emojione { |
||||
position: relative; |
||||
|
||||
display: inline-block; |
||||
overflow: hidden; |
||||
|
||||
width: 22px; |
||||
height: 22px; |
||||
margin: 0 0.15em; |
||||
|
||||
vertical-align: middle; |
||||
white-space: nowrap; |
||||
text-indent: 100%; |
||||
|
||||
font-size: inherit; |
||||
line-height: normal; |
||||
image-rendering: -webkit-optimize-contrast; |
||||
image-rendering: optimizeQuality; |
||||
} |
||||
|
||||
.emojione.big { |
||||
width: 44px; |
||||
height: 44px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,637 @@ |
||||
/* stylelint-disable */ |
||||
|
||||
.emojione-food { |
||||
background-image: url('/packages/emojione/food-sprites.png'); |
||||
|
||||
&._1f35d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 0%; |
||||
} |
||||
|
||||
&._2615 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 0%; |
||||
} |
||||
|
||||
&._1f34e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f350 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f34a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 0%; |
||||
} |
||||
|
||||
&._1f34b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f34c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f349 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f347 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f353 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 0%; |
||||
} |
||||
|
||||
&._1f348 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f352 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f351 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f96d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f34d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f965 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f95d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 0%; |
||||
} |
||||
|
||||
&._1f345 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f346 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f951 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f966 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f96c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f952 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f336 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f33d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f955 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 0%; |
||||
} |
||||
|
||||
&._1f954 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f360 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f950 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f35e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f956 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f968 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f96f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f9c0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f95a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f373 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f95e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 0%; |
||||
} |
||||
|
||||
&._1f953 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f969 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f357 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f356 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f32d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f354 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f35f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f355 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f96a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f959 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f32e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f32f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f957 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 0%; |
||||
} |
||||
|
||||
&._1f958 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f96b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f34f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f35c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f372 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f35b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f363 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f371 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f364 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f359 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f35a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f358 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f365 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f960 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f362 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 0%; |
||||
} |
||||
|
||||
&._1f361 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f367 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f368 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f366 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f967 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f370 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f382 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f96e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f9c1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f36e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f36d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f36c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f36b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f37f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f9c2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f369 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f95f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 0%; |
||||
} |
||||
|
||||
&._1f36a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f330 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f95c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f36f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 44.44444444444444%; |
||||
} |
||||
|
||||
&._1f95b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 55.55555555555556%; |
||||
} |
||||
|
||||
&._1f37c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 66.66666666666667%; |
||||
} |
||||
|
||||
&._1f375 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 77.77777777777777%; |
||||
} |
||||
|
||||
&._1f964 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 88.88888888888889%; |
||||
} |
||||
|
||||
&._1f376 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 0% 100%; |
||||
} |
||||
|
||||
&._1f37a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 10% 100%; |
||||
} |
||||
|
||||
&._1f37b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 20% 100%; |
||||
} |
||||
|
||||
&._1f942 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 30% 100%; |
||||
} |
||||
|
||||
&._1f377 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 40% 100%; |
||||
} |
||||
|
||||
&._1f943 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 50% 100%; |
||||
} |
||||
|
||||
&._1f378 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 60% 100%; |
||||
} |
||||
|
||||
&._1f379 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 70% 100%; |
||||
} |
||||
|
||||
&._1f37e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 80% 100%; |
||||
} |
||||
|
||||
&._1f944 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 90% 100%; |
||||
} |
||||
|
||||
&._1f374 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 100% 0%; |
||||
} |
||||
|
||||
&._1f37d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 100% 11.11111111111111%; |
||||
} |
||||
|
||||
&._1f963 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 100% 22.22222222222222%; |
||||
} |
||||
|
||||
&._1f961 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 100% 33.333333333333336%; |
||||
} |
||||
|
||||
&._1f962 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1100% 1000%; |
||||
background-position: 100% 44.44444444444444%; |
||||
} |
||||
|
||||
} |
||||
|
||||
@ -0,0 +1,42 @@ |
||||
/* stylelint-disable */ |
||||
|
||||
.emojione-modifier { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
|
||||
} |
||||
|
||||
|
||||
.emojione-diversity._1f3fb { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 300% 200%; |
||||
background-position: 0% 0%; |
||||
} |
||||
|
||||
.emojione-diversity._1f3fc { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 300% 200%; |
||||
background-position: 50% 0%; |
||||
} |
||||
|
||||
.emojione-diversity._1f3fd { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 300% 200%; |
||||
background-position: 0% 100%; |
||||
} |
||||
|
||||
.emojione-diversity._1f3fe { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 300% 200%; |
||||
background-position: 50% 100%; |
||||
} |
||||
|
||||
.emojione-diversity._1f3ff { |
||||
background-image: url('/packages/emojione/modifier-sprites.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 300% 200%; |
||||
background-position: 100% 0%; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,163 @@ |
||||
/* stylelint-disable */ |
||||
|
||||
.emojione-regional { |
||||
background-image: url('/packages/emojione/regional-sprites.png'); |
||||
|
||||
&._1f1f2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 0% 0%; |
||||
} |
||||
|
||||
&._1f1ff { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 20% 0%; |
||||
} |
||||
|
||||
&._1f1fd { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 0% 25%; |
||||
} |
||||
|
||||
&._1f1fc { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 20% 25%; |
||||
} |
||||
|
||||
&._1f1fb { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 40% 0%; |
||||
} |
||||
|
||||
&._1f1fa { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 40% 25%; |
||||
} |
||||
|
||||
&._1f1f9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 0% 50%; |
||||
} |
||||
|
||||
&._1f1f8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 20% 50%; |
||||
} |
||||
|
||||
&._1f1f7 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 40% 50%; |
||||
} |
||||
|
||||
&._1f1f6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 60% 0%; |
||||
} |
||||
|
||||
&._1f1f5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 60% 25%; |
||||
} |
||||
|
||||
&._1f1f4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 60% 50%; |
||||
} |
||||
|
||||
&._1f1f3 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 0% 75%; |
||||
} |
||||
|
||||
&._1f1fe { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 20% 75%; |
||||
} |
||||
|
||||
&._1f1f1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 40% 75%; |
||||
} |
||||
|
||||
&._1f1f0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 60% 75%; |
||||
} |
||||
|
||||
&._1f1ef { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 80% 0%; |
||||
} |
||||
|
||||
&._1f1ee { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 80% 25%; |
||||
} |
||||
|
||||
&._1f1ed { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 80% 50%; |
||||
} |
||||
|
||||
&._1f1ec { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 80% 75%; |
||||
} |
||||
|
||||
&._1f1eb { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 0% 100%; |
||||
} |
||||
|
||||
&._1f1ea { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 20% 100%; |
||||
} |
||||
|
||||
&._1f1e9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 40% 100%; |
||||
} |
||||
|
||||
&._1f1e8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 60% 100%; |
||||
} |
||||
|
||||
&._1f1e7 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 80% 100%; |
||||
} |
||||
|
||||
&._1f1e6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 600% 500%; |
||||
background-position: 100% 0%; |
||||
} |
||||
|
||||
} |
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,739 @@ |
||||
/* stylelint-disable */ |
||||
|
||||
.emojione-travel { |
||||
background-image: url('/packages/emojione/travel-sprites.png'); |
||||
|
||||
&._1f5ff { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 0%; |
||||
} |
||||
|
||||
&._2693 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 0%; |
||||
} |
||||
|
||||
&._1f697 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 10%; |
||||
} |
||||
|
||||
&._1f695 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 10%; |
||||
} |
||||
|
||||
&._1f699 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 0%; |
||||
} |
||||
|
||||
&._1f68c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 10%; |
||||
} |
||||
|
||||
&._1f68e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 20%; |
||||
} |
||||
|
||||
&._1f3ce { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 20%; |
||||
} |
||||
|
||||
&._1f693 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 20%; |
||||
} |
||||
|
||||
&._1f691 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 0%; |
||||
} |
||||
|
||||
&._1f692 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 10%; |
||||
} |
||||
|
||||
&._1f690 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 20%; |
||||
} |
||||
|
||||
&._1f69a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 30%; |
||||
} |
||||
|
||||
&._1f69b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 30%; |
||||
} |
||||
|
||||
&._1f69c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 30%; |
||||
} |
||||
|
||||
&._1f6f4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 30%; |
||||
} |
||||
|
||||
&._1f6b2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 0%; |
||||
} |
||||
|
||||
&._1f6f5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 10%; |
||||
} |
||||
|
||||
&._1f3cd { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 20%; |
||||
} |
||||
|
||||
&._1f6a8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 30%; |
||||
} |
||||
|
||||
&._1f694 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 40%; |
||||
} |
||||
|
||||
&._1f68d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 40%; |
||||
} |
||||
|
||||
&._1f698 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 40%; |
||||
} |
||||
|
||||
&._1f696 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 40%; |
||||
} |
||||
|
||||
&._1f6a1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 40%; |
||||
} |
||||
|
||||
&._1f6a0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 0%; |
||||
} |
||||
|
||||
&._1f69f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 10%; |
||||
} |
||||
|
||||
&._1f683 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 20%; |
||||
} |
||||
|
||||
&._1f68b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 30%; |
||||
} |
||||
|
||||
&._1f69e { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 40%; |
||||
} |
||||
|
||||
&._1f69d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 50%; |
||||
} |
||||
|
||||
&._1f684 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 50%; |
||||
} |
||||
|
||||
&._1f685 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 50%; |
||||
} |
||||
|
||||
&._1f688 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 50%; |
||||
} |
||||
|
||||
&._1f682 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 50%; |
||||
} |
||||
|
||||
&._1f686 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 50%; |
||||
} |
||||
|
||||
&._1f687 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 0%; |
||||
} |
||||
|
||||
&._1f68a { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 10%; |
||||
} |
||||
|
||||
&._1f689 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 20%; |
||||
} |
||||
|
||||
&._1f6eb { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 30%; |
||||
} |
||||
|
||||
&._1f6ec { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 40%; |
||||
} |
||||
|
||||
&._1f6e9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 50%; |
||||
} |
||||
|
||||
&._1f4ba { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 60%; |
||||
} |
||||
|
||||
&._1f9f3 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 60%; |
||||
} |
||||
|
||||
&._1f6f0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 60%; |
||||
} |
||||
|
||||
&._1f680 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 60%; |
||||
} |
||||
|
||||
&._1f6f8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 60%; |
||||
} |
||||
|
||||
&._1f681 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 60%; |
||||
} |
||||
|
||||
&._1f6f6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 60%; |
||||
} |
||||
|
||||
&._26f5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 0%; |
||||
} |
||||
|
||||
&._1f6a4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 10%; |
||||
} |
||||
|
||||
&._1f6e5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 20%; |
||||
} |
||||
|
||||
&._1f6f3 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 30%; |
||||
} |
||||
|
||||
&._26f4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 40%; |
||||
} |
||||
|
||||
&._1f6a2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 50%; |
||||
} |
||||
|
||||
&._26fd { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 60%; |
||||
} |
||||
|
||||
&._1f6a7 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 70%; |
||||
} |
||||
|
||||
&._1f6a6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 70%; |
||||
} |
||||
|
||||
&._1f6a5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 70%; |
||||
} |
||||
|
||||
&._1f68f { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 70%; |
||||
} |
||||
|
||||
&._1f5fa { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 70%; |
||||
} |
||||
|
||||
&._2708 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 70%; |
||||
} |
||||
|
||||
&._1f5fd { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 70%; |
||||
} |
||||
|
||||
&._1f5fc { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 70%; |
||||
} |
||||
|
||||
&._1f3f0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 0%; |
||||
} |
||||
|
||||
&._1f3ef { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 10%; |
||||
} |
||||
|
||||
&._1f3df { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 20%; |
||||
} |
||||
|
||||
&._1f3a1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 30%; |
||||
} |
||||
|
||||
&._1f3a2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 40%; |
||||
} |
||||
|
||||
&._1f3a0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 50%; |
||||
} |
||||
|
||||
&._26f2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 60%; |
||||
} |
||||
|
||||
&._26f1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 70%; |
||||
} |
||||
|
||||
&._1f3d6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 80%; |
||||
} |
||||
|
||||
&._1f3dd { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 80%; |
||||
} |
||||
|
||||
&._1f3dc { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 80%; |
||||
} |
||||
|
||||
&._1f30b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 80%; |
||||
} |
||||
|
||||
&._26f0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 80%; |
||||
} |
||||
|
||||
&._1f3d4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 80%; |
||||
} |
||||
|
||||
&._1f5fb { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 80%; |
||||
} |
||||
|
||||
&._1f3d5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 80%; |
||||
} |
||||
|
||||
&._26fa { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 80%; |
||||
} |
||||
|
||||
&._1f3e0 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 0%; |
||||
} |
||||
|
||||
&._1f3e1 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 10%; |
||||
} |
||||
|
||||
&._1f3d8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 20%; |
||||
} |
||||
|
||||
&._1f3da { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 30%; |
||||
} |
||||
|
||||
&._1f3d7 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 40%; |
||||
} |
||||
|
||||
&._1f3ed { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 50%; |
||||
} |
||||
|
||||
&._1f3e2 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 60%; |
||||
} |
||||
|
||||
&._1f3ec { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 70%; |
||||
} |
||||
|
||||
&._1f3e3 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 80%; |
||||
} |
||||
|
||||
&._1f3e4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 90%; |
||||
} |
||||
|
||||
&._1f3e5 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 90%; |
||||
} |
||||
|
||||
&._1f3e6 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 90%; |
||||
} |
||||
|
||||
&._1f3e8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 90%; |
||||
} |
||||
|
||||
&._1f3ea { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 90%; |
||||
} |
||||
|
||||
&._1f3eb { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 90%; |
||||
} |
||||
|
||||
&._1f3e9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 90%; |
||||
} |
||||
|
||||
&._1f492 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 90%; |
||||
} |
||||
|
||||
&._1f3db { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 90%; |
||||
} |
||||
|
||||
&._26ea { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 90%; |
||||
} |
||||
|
||||
&._1f54c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 0%; |
||||
} |
||||
|
||||
&._1f54d { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 10%; |
||||
} |
||||
|
||||
&._1f54b { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 20%; |
||||
} |
||||
|
||||
&._26e9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 30%; |
||||
} |
||||
|
||||
&._1f6e4 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 40%; |
||||
} |
||||
|
||||
&._1f6e3 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 50%; |
||||
} |
||||
|
||||
&._1f5fe { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 60%; |
||||
} |
||||
|
||||
&._1f391 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 70%; |
||||
} |
||||
|
||||
&._1f3de { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 80%; |
||||
} |
||||
|
||||
&._1f305 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 90%; |
||||
} |
||||
|
||||
&._1f304 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 0% 100%; |
||||
} |
||||
|
||||
&._1f320 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 9.090909090909092% 100%; |
||||
} |
||||
|
||||
&._1f387 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 18.181818181818183% 100%; |
||||
} |
||||
|
||||
&._1f386 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 27.272727272727273% 100%; |
||||
} |
||||
|
||||
&._1f9e8 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 36.36363636363637% 100%; |
||||
} |
||||
|
||||
&._1f307 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 45.45454545454545% 100%; |
||||
} |
||||
|
||||
&._1f306 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 54.54545454545455% 100%; |
||||
} |
||||
|
||||
&._1f3d9 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 63.63636363636363% 100%; |
||||
} |
||||
|
||||
&._1f303 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 72.72727272727273% 100%; |
||||
} |
||||
|
||||
&._1f30c { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 81.81818181818181% 100%; |
||||
} |
||||
|
||||
&._1f309 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 90.9090909090909% 100%; |
||||
} |
||||
|
||||
&._1f301 { |
||||
background-repeat: no-repeat; |
||||
background-size: 1200% 1100%; |
||||
background-position: 100% 0%; |
||||
} |
||||
|
||||
} |
||||
|
||||
@ -1,34 +0,0 @@ |
||||
{ |
||||
// Default options |
||||
'functions': true |
||||
} |
||||
|
||||
.emojione { |
||||
image-rendering: -webkit-optimize-contrast; |
||||
image-rendering: optimizeQuality; |
||||
font-size: inherit; |
||||
height: 22px; |
||||
width: 22px; |
||||
position: relative; |
||||
display: inline-block; |
||||
margin: 0 .15em; |
||||
line-height: normal; |
||||
vertical-align: middle; |
||||
background-image: url("../../packages/emojione_emojione/assets/sprites/emojione.sprites.png"); |
||||
background-size: unquote('#{ {{spritesheet.width}} / {{items.0.width}} * 100}% #{ {{spritesheet.height}} / {{items.0.height}} * 100}%'); |
||||
background-repeat: no-repeat; |
||||
text-indent: 100%; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.emojione.big { |
||||
height: 44px !important; |
||||
width: 44px !important; |
||||
} |
||||
|
||||
{{#items}} |
||||
.{{name}} { |
||||
background-position: unquote('#{({{px.x}} * 100 / ({{px.total_width}} - {{px.width}}))}% #{({{px.y}} * 100 / ({{px.total_height}} - {{px.height}}))}%'); |
||||
} |
||||
{{/items}} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,30 @@ |
||||
/* stylelint-disable */ |
||||
|
||||
.emojione-<%= options.category %> { |
||||
background-image: url('<%= options.spritePath %>'); |
||||
<% |
||||
layout.images.forEach(function (image) { |
||||
if(options.diversityList[image.className]){ |
||||
return; |
||||
} |
||||
%> |
||||
&._<%= image.className %> { |
||||
background-repeat: no-repeat; |
||||
background-size: <%= (layout.width / image.width * 100) %>% <%= (layout.height / image.height * 100) %>%; |
||||
background-position: <%= (image.x * 100 / (layout.width - image.width )) %>% <%= (image.y * 100 / (layout.height - image.height)) %>%; |
||||
} |
||||
<% }); %> |
||||
} |
||||
<% |
||||
layout.images.forEach(function (image) { |
||||
if(!options.diversityList[image.className]){ |
||||
return; |
||||
} |
||||
%> |
||||
|
||||
.emojione-diversity._<%= image.className %> { |
||||
background-image: url('<%= options.spritePath %>'); |
||||
background-repeat: no-repeat; |
||||
background-size: <%= (layout.width / image.width * 100) %>% <%= (layout.height / image.height * 100) %>%; |
||||
background-position: <%= (image.x * 100 / (layout.width - image.width )) %>% <%= (image.y * 100 / (layout.height - image.height)) %>%; |
||||
}<% }); %> |
||||
@ -0,0 +1,11 @@ |
||||
import emojione from 'emojione'; |
||||
|
||||
const fixClass = (html) => html.replace(/class="emojione emojione-32-/g, 'class="emojione emojione-'); |
||||
|
||||
export function emojioneRender(message) { |
||||
return fixClass(emojione.toImage(message)); |
||||
} |
||||
|
||||
export function emojioneRenderFromShort(message) { |
||||
return fixClass(emojione.shortnameToImage(message)); |
||||
} |
||||
@ -1,32 +0,0 @@ |
||||
/* eslint-disable */ |
||||
// emoji.json from emojione@2.2.6
|
||||
import fs from 'fs'; |
||||
|
||||
var emojiList = JSON.parse(fs.readFileSync('emoji.json', 'utf-8')); |
||||
|
||||
/** |
||||
* update emojiList variable with the most recent emojione release then |
||||
* run: node generateEmojiIndex.js |
||||
* grab the results and put into emojiPicker.js file |
||||
*/ |
||||
|
||||
var toneList = {}; |
||||
var emojisByCategory = {}; |
||||
|
||||
for (var emoji in emojiList) { |
||||
if(emojiList.hasOwnProperty(emoji)) { |
||||
var toneIndex = emoji.indexOf('_tone'); |
||||
if (toneIndex !== -1) { |
||||
toneList[emoji.substr(0, toneIndex)] = 1; |
||||
continue; |
||||
} |
||||
|
||||
if (!emojisByCategory[emojiList[emoji].category]) { |
||||
emojisByCategory[emojiList[emoji].category] = []; |
||||
} |
||||
emojisByCategory[emojiList[emoji].category].push(emoji); |
||||
} |
||||
} |
||||
|
||||
console.log('toneList = ' + JSON.stringify(toneList, null, '\t') + ';'); |
||||
console.log('emojisByCategory = ' + JSON.stringify(emojisByCategory, null, '\t') + ';'); |
||||
@ -0,0 +1,185 @@ |
||||
/* eslint-disable */ |
||||
|
||||
// node --experimental-modules generateEmojiIndex.mjs
|
||||
import fs from 'fs'; |
||||
import https from 'https'; |
||||
import nsg from 'node-sprite-generator'; |
||||
import _ from 'underscore'; |
||||
import gm from 'gm'; |
||||
|
||||
const assetFolder = '../../../node_modules/emojione-assets'; |
||||
const emojiJsonFile = `${ assetFolder }/emoji.json`; |
||||
|
||||
if (!fs.existsSync(emojiJsonFile)) { |
||||
console.error(`${ emojiJsonFile } doesn't exist.`); |
||||
console.error('Maybe you need to run \'meteor npm install emojione-assets\' or \'meteor npm install\'?'); |
||||
} else { |
||||
const emojiJson = fs.readFileSync(emojiJsonFile); |
||||
generateEmojiPicker(emojiJson); |
||||
} |
||||
|
||||
function generateEmojiPicker(data) { |
||||
const emojiList = JSON.parse(data); |
||||
console.log(`${Object.keys(emojiList).length} emojis found.`); |
||||
|
||||
let toneList = []; |
||||
let emojisByCategory = {}; |
||||
|
||||
_.sortBy(Object.entries(emojiList), (a) => a[1].order).forEach(([code, emoji]) => { |
||||
if (emoji && emoji.shortname) { |
||||
const toneIndex = emoji.shortname.indexOf('_tone'); |
||||
if (toneIndex !== -1) { |
||||
const tone = emoji.shortname.substr(1, toneIndex - 1); |
||||
if (!toneList.includes(tone)) { |
||||
toneList.push(tone); |
||||
} |
||||
return; |
||||
} |
||||
} |
||||
|
||||
if (!emojisByCategory[emoji.category]) { |
||||
emojisByCategory[emoji.category] = []; |
||||
} |
||||
emojisByCategory[emoji.category].push(code); |
||||
}); |
||||
|
||||
let output = `/*
|
||||
* This file is automatically generated from generateEmojiIndex.mjs |
||||
* Last generated ${Date().toString()} |
||||
* |
||||
* Mapping category hashes into human readable and translated names |
||||
*/\n\n`; |
||||
|
||||
|
||||
const emojiCategoriesMapping = [ |
||||
{ key: 'people', i18n: 'Smileys_and_People' }, |
||||
{ key: 'nature', i18n: 'Animals_and_Nature' }, |
||||
{ key: 'food', i18n: 'Food_and_Drink' }, |
||||
{ key: 'activity', i18n: 'Activity' }, |
||||
{ key: 'travel', i18n: 'Travel_and_Places' }, |
||||
{ key: 'objects', i18n: 'Objects' }, |
||||
{ key: 'symbols', i18n: 'Symbols' }, |
||||
{ key: 'flags', i18n: 'Flags' }, |
||||
]; |
||||
|
||||
// emojiCategories
|
||||
output += `export const emojiCategories = [\n`; |
||||
for (let category in emojisByCategory) { |
||||
const map = emojiCategoriesMapping.find(o => o.key === category); |
||||
if (map) { |
||||
output += `\t{ key: '${category}', i18n: '${map.i18n}' },\n`; |
||||
} else { |
||||
if(category !== 'modifier' || category !== 'regional'){ |
||||
console.error(`No emojiCategory mapping for ${category}`); |
||||
} |
||||
} |
||||
} |
||||
output += `];\n`; |
||||
|
||||
// toneList
|
||||
const needsQuotes = ['-']; |
||||
output += `export const toneList = {\n`; |
||||
for (let tone in toneList) { |
||||
if (toneList[tone].includes(needsQuotes)) { |
||||
output += `\t'${toneList[tone]}': 1,\n`; |
||||
} else { |
||||
output += `\t${toneList[tone]}: 1,\n`; |
||||
} |
||||
|
||||
} |
||||
output += `};\n`; |
||||
|
||||
// emojisByCategory
|
||||
output += `export const emojisByCategory = {\n`; |
||||
for (let category in emojisByCategory) { |
||||
output += `\t${category}: [\n`; |
||||
|
||||
for (let emoji in emojisByCategory[category]) { |
||||
output += `\t\t'${emojiList[emojisByCategory[category][emoji]].shortname.replace(/:/g,'')}',\n`; |
||||
} |
||||
|
||||
output += `\t],\n`; |
||||
} |
||||
output += `};\n`; |
||||
|
||||
fs.writeFileSync("emojiPicker.js", output, { |
||||
encoding: 'utf8', |
||||
flag: 'w' |
||||
}); |
||||
console.log('Generated emojiPicker.js!'); |
||||
|
||||
console.log('Generating sprite sheets....'); |
||||
|
||||
let spriteCss = ''; |
||||
|
||||
for (let category in emojisByCategory) { |
||||
let srcList = []; |
||||
let diversityList = []; |
||||
const emojis = _.filter(emojiList, x => x.category === category); |
||||
const spritePath = `../../../public/packages/emojione/${ category }-sprites.png`; |
||||
|
||||
_.each(emojis, function (emoji) { |
||||
srcList.push(`${ assetFolder }/png/64/${ emoji.code_points.base }.png`); |
||||
if(emoji.diversity){ |
||||
diversityList[emoji.code_points.base] = true; |
||||
} |
||||
}); |
||||
spriteCss += `@import './${ category }-sprites.css';\n`; |
||||
|
||||
nsg({ |
||||
src: srcList, |
||||
spritePath: spritePath, |
||||
layout: 'packed', |
||||
stylesheet: 'emojione.tpl', |
||||
stylesheetPath: `../client/${ category }-sprites.css`, |
||||
compositor: 'gm', |
||||
layoutOptions: { |
||||
scaling: 1, |
||||
}, |
||||
stylesheetOptions: { |
||||
prefix: '', |
||||
diversityList: diversityList, |
||||
category: category, |
||||
spritePath: `/packages/emojione/${ category }-sprites.png`, |
||||
pixelRatio: 1 |
||||
} |
||||
}, function (err) { |
||||
if (err) { |
||||
console.error(err); |
||||
return; |
||||
} |
||||
console.log(`${ category }'s sprite generated!`); |
||||
}); |
||||
} |
||||
|
||||
spriteCss += ` |
||||
.emojione { |
||||
position: relative; |
||||
|
||||
display: inline-block; |
||||
overflow: hidden; |
||||
|
||||
width: 22px; |
||||
height: 22px; |
||||
margin: 0 0.15em; |
||||
|
||||
vertical-align: middle; |
||||
white-space: nowrap; |
||||
text-indent: 100%; |
||||
|
||||
font-size: inherit; |
||||
line-height: normal; |
||||
image-rendering: -webkit-optimize-contrast; |
||||
image-rendering: optimizeQuality; |
||||
} |
||||
|
||||
.emojione.big { |
||||
width: 44px; |
||||
height: 44px; |
||||
} |
||||
`;
|
||||
fs.writeFileSync("../client/emojione-sprites.css", spriteCss, { |
||||
encoding: 'utf8', |
||||
flag: 'w' |
||||
}); |
||||
} |
||||
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 911 KiB |
|
After Width: | Height: | Size: 637 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 893 KiB |
|
After Width: | Height: | Size: 5.9 MiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 807 KiB |
|
After Width: | Height: | Size: 579 KiB |
Loading…
Reference in new issue