/**
 * emoji.scss - Theme Base Emoji-related Styles
 *
 * This source-code is part of Windows XP stuff for XFCE:
 * <<https://www.oddmatics.uk>>
 *
 * Author(s): Rory Fewell <roryf@oddmatics.uk>
 */

popover.emoji-picker
{
    padding-left: 0;
    padding-right: 0;
    
    entry.search
    {
        margin: 3px 5px 5px 5px;
    }
}

button.emoji-section
{
    border-color:  transparent;
    border-radius: 0;
    border-style:  none none solid;
    border-width:  3px;
    
    margin:     2px 4px 2px 4px;
    min-width:  32px;
    min-height: 28px;
    padding:    3px 0 0;
    
    // Reset props inherited from the button style
    //
    background:  none;
    box-shadow:  none;
    text-shadow: none;
    
    outline-offset: -5px;
    
    &:first-child { margin-left:  7px; }
    &:last-child  { margin-right: 7px; }
    
    &:backdrop:not(:checked) { border-color: transparent; }
    &:hover   { border-color: $borders_color; }
    &:checked { border-color: $selected_bg_color;                                                       }
    
    label
    {
        opacity: 0.55;
        padding: 0;
    }
    
    &:hover   label { opacity: 0.775; }
    &:checked label { opacity: 1;     }
}

popover.emoji-picker .emoji
{
    font-size: x-large;
    padding:   6px;
    
    :hover
    {
        background:    $selected_bg_color;
        border-radius: 6px;
    }
}

popover.emoji-completion arrow
{
    background: none;
    border:     none;
}

popover.emoji-completion contents row box
{
    padding: 2px 10px;
}

popover.emoji-completion .emoji:hover
{
    background: $popover_hover_color;
}
