@chief-editor/ui/css/components/Tooltip/styles.less

UI Component for chief editor

@import "./var.less";
@import "./mixin.less";

.@{prefixCls}-tooltip-popover {
    background-color: transparent;

    .@{prefixCls}-tooltip-inner {
        .font-height(12px);
        padding: 2 * @base-space 4 * @base-space;
        word-wrap: break-word;
        word-break: break-all;
        background-color: rgba(51, 51, 51, .95);
        color: @color-text-grey1;
    }

    .@{prefixCls}-popover-arrow-dir-top .@{prefixCls}-popover-arrow-inner {
        border-color: transparent rgba(51, 51, 51, .95) rgba(51, 51, 51, .95) transparent;
    }

    .@{prefixCls}-popover-arrow-dir-bottom .@{prefixCls}-popover-arrow-inner {
        border-color: transparent rgba(51, 51, 51, .95) rgba(51, 51, 51, .95) transparent;
    }

    .@{prefixCls}-popover-arrow-dir-left .@{prefixCls}-popover-arrow-inner {
        border-color: transparent rgba(51, 51, 51, .95) rgba(51, 51, 51, .95) transparent;
    }

    .@{prefixCls}-popover-arrow-dir-right .@{prefixCls}-popover-arrow-inner {
        border-color: transparent rgba(51, 51, 51, .95) rgba(51, 51, 51, .95) transparent;
    }
}