github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/pubnot/trumbowyg/plugins/emoji/ui/sass/trumbowyg.emoji.scss (about)

     1  /**
     2   * Trumbowyg v2.8.1 - A lightweight WYSIWYG editor
     3   * Default stylesheet for Trumbowyg editor plugin
     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  
    12  .trumbowyg-dropdown-emoji {
    13      width: 265px;
    14      padding: 7px 0 7px 5px;
    15      height: 200px;
    16      overflow-y: scroll;
    17      overflow-x: hidden;
    18  }
    19  
    20  .trumbowyg-dropdown-emoji svg {
    21      display: none !important;
    22  }
    23  
    24  .trumbowyg-dropdown-emoji button {
    25      display: block;
    26      position: relative;
    27      float: left;
    28      height: 26px;
    29      width: 26px;
    30      padding: 0;
    31      margin: 2px;
    32      line-height: 24px;
    33      text-align: center;
    34  
    35      &:hover,
    36      &:focus {
    37          &::after {
    38              display: block;
    39              position: absolute;
    40              top: -5px;
    41              left: -5px;
    42              height: 27px;
    43              width: 27px;
    44              background: inherit;
    45              box-shadow: #000 0 0 2px;
    46              z-index: 10;
    47              background-color: transparent;
    48          }
    49      }
    50  }
    51  
    52  .trumbowyg .emoji {
    53      width: 22px;
    54      height: 22px;
    55      display: inline-block;
    56  }