/* # ----------------------------------------------------------------------------- # ~/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css # Provides styles for the Twitter Emoji Picker # # Product/Info: # https://jekyll.one # https://github.com/xLs51/Twemoji-Picker # # Copyright (C) 2021 Juergen Adams # Copyright (C) 2015 xLs51 # # J1 Template is licensed under the MIT License. # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE # Twemoji-Picker is licensed under under the MIT License. # For details, https://github.com/xLs51/Twemoji-Picker # ----------------------------------------------------------------------------- */ ul.emoji-list *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul.emoji-list li{font-size:36px;float:left;display:inline-block;padding:2px;margin:4px}img.emoji{cursor:pointer;height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-0.1em}.twemoji-wrap{position:relative}.twemoji-wrap img{margin:0 .05em 0 .1em;vertical-align:-0.1em}.twemoji-textarea{background-color:#FFF;border:1px solid #ccc;border-radius:3px;height:100%;padding:6px 30px 6px 12px;overflow-y:auto}.twemoji-textarea[contentEditable=true]:empty:before{content:attr(placeholder);color:#9e9e9e}.twemoji-picker{background-color:#fff;border:1px solid #e7e7e7;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.05);position:absolute;right:0;z-index:1}.twemoji-icon-picker{margin-top:.5rem;margin-bottom:.5rem}.twemoji-icon-picker img{//position:absolute;right:21px;top:6px}.twemoji-icon-picker img,.twemoji-picker img{cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.twemoji-picker-category{background-color:#e7e7e7}.twemoji-picker-category img{padding:5px}.twemoji-picker-category .active,.twemoji-picker-category span:hover{border-bottom:2px solid #728691;line-height:22px}.twemoji-picker-category .close{cursor:pointer;float:right;font-size:25px;font-weight:700;line-height:1;margin-right:2px;opacity:.5}.twemoji-picker-category .close:hover{opacity:.3}.twemoji-list{//overflow-y:scroll;margin-top:1.5rem;margin-left:1.5rem;overflow-y:auto}.twemoji-list img{margin-top:2px;padding:5px}.twemoji-list img:hover{background-color:#e7e7e7}div.copied{position:fixed;top:100px;left:50%;width:200px;text-align:center;color:$grey-50;background-color:$blue;// border:1px solid $indigo;padding:10px 15px;border-radius:4px;margin-left:-100px;// box-shadow:0 0 10px rgba(0,0,0,0.2)}