@aponahmed/tooltip/src/tooltip.css

A simple tooltip plugin to show hint

.tooltip-container {
    position: fixed;
    z-index: 99999999;
    background: #1a1f30;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
}
.tooltip-container .tooltip-arrow {
    position: absolute;
    border: 10px solid transparent;
    z-index: -1;
}
.tooltip-container .tooltip-arrow.arrow-left {
    left: -14px;
    border-right-color: #1a1f30;
    top: 50%;
    transform: translate(0%, -50%);
}
.tooltip-container .tooltip-arrow.arrow-right {
    border-left-color: #1a1f30;
    right: -14px;
    top: 50%;
    transform: translate(0, -50%);
}
.tooltip-container .tooltip-arrow.arrow-bottom {
    border-top-color: #1a1f30;
    bottom: -14px;
    left: 50%;
    transform: translate(-50%, 0);
}
.tooltip-container .tooltip-arrow.arrow-top {
    border-bottom-color: #1a1f30;
    top: -14px;
    left: 50%;
    transform: translate(-50%, 0);
}
.tooltip-container .tooltip-title {
	font-size: 14px;
	font-family: inherit;
	color: inherit;
	line-height: 1;
	text-transform: capitalize;
}