/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
// style of suggester on ckeditor

@import "../../../variables.less";

.exo-mention {
	background: @mentionBackground;
	border-radius: 3px;
	color: @mentionColor;
	border: @mentionBorder;
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	padding: @mentionPadding;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
    vertical-align: bottom;
  
    .remove {
        display: inline-block;
        cursor: pointer;
        position: absolute;
        right: @mentionRemovePositionRight;
        top: 0;
    }

    .uiIconClose {
        font-family: "PLF-FONT-ICONS";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-transform: none;
        color: @removeMentionColor;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: relative;
        top: 1px;
        &:before {
            font-size: 8px;
            content: "\e75e";
        }
    }
}