emojione-awesome.scss 681 B

12345678910111213141516171819202122232425262728293031323334353637
  1. [class*=e1a-] {
  2. display: inline-block;
  3. width: 1em;
  4. height: 1em;
  5. margin: -.2ex .05em 0 .1em;
  6. line-height: normal;
  7. vertical-align: middle;
  8. background-repeat: no-repeat;
  9. background-position: center center;
  10. background-size: 1em 1em;
  11. }
  12. $size-map: (
  13. "lg": 1.25,
  14. "2x": 2,
  15. "3x": 3,
  16. "4x": 4,
  17. "5x": 5
  18. );
  19. @each $name, $size in $size-map {
  20. .e1a-#{$name} {
  21. width: 1em * $size;
  22. height: 1em * $size;
  23. margin: -.2ex * $size .05em * $size 0 .1em * $size;
  24. background-size: 1em * $size 1em * $size;
  25. }
  26. }
  27. @import '_emojione-awesome.map';
  28. @each $code, $name in $emoji-map {
  29. .e1a-#{$name} {
  30. background-image: url("//cdn.jsdelivr.net/emojione/assets/svg/#{$code}.svg");
  31. }
  32. }