/**
 * Trumbowyg v2.22.0 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor plugin
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */

.trumbowyg-symbol-\&nbsp-dropdown-button {
    display: none !important;
}
.trumbowyg-symbol-\&nbsp-dropdown-button + button {
    clear: both;
}

.trumbowyg-dropdown-specialChars {
    width: 248px;
    padding: 5px 3px 3px;
}

.trumbowyg-dropdown-specialChars button {
    display: block;
    position: relative;
    float: left;
    height: 26px;
    width: 26px;
    padding: 0;
    margin: 2px;
    line-height: 24px;
    text-align: center;

    &:hover,
    &:focus {
        &::after {
            display: block;
            position: absolute;
            top: -5px;
            left: -5px;
            height: 27px;
            width: 27px;
            background: inherit;
            box-shadow: #000 0 0 2px;
            z-index: 10;
            background-color: transparent;
        }
    }
}

.trumbowyg .specialChars {
    width: 22px;
    height: 22px;
    display: inline-block;
}