trumbowyg.emoji.css 1011 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /**
  2. * Trumbowyg v2.22.0 - A lightweight WYSIWYG editor
  3. * Trumbowyg plugin stylesheet
  4. * ------------------------
  5. * @link http://alex-d.github.io/Trumbowyg
  6. * @license MIT
  7. * @author Alexandre Demode (Alex-D)
  8. * Twitter : @AlexandreDemode
  9. * Website : alex-d.fr
  10. */
  11. .trumbowyg-dropdown-emoji {
  12. width: 265px;
  13. padding: 7px 0 7px 5px; }
  14. .trumbowyg-dropdown-emoji svg {
  15. display: none !important; }
  16. .trumbowyg-dropdown-emoji button {
  17. display: block;
  18. position: relative;
  19. float: left;
  20. height: 26px;
  21. width: 26px;
  22. padding: 0;
  23. margin: 2px;
  24. line-height: 24px;
  25. text-align: center; }
  26. .trumbowyg-dropdown-emoji button:hover::after, .trumbowyg-dropdown-emoji button:focus::after {
  27. display: block;
  28. position: absolute;
  29. top: -5px;
  30. left: -5px;
  31. height: 27px;
  32. width: 27px;
  33. background: inherit;
  34. box-shadow: #000 0 0 2px;
  35. z-index: 10;
  36. background-color: transparent; }
  37. .trumbowyg .emoji {
  38. width: 22px;
  39. height: 22px;
  40. display: inline-block; }