elh-tooltip/tooltip.css

A light directive to create tooltip in Angular

[tooltip] {
	cursor: default !important;
}
[tooltip] .tooltip {
	pointer-events: none;
	opacity: 0;
	position: absolute;
	line-height: normal;
	padding: 10px 0;
	margin-top: 20px;
	text-align: center;
	font-size: 1rem;
	background-color: inherit;
	height: 50px;
	min-width: 50px;
}
[tooltip].active .tooltip {
	opacity: 1;
	transition: all 0.2s ease;
}