Создание тултипа sass

Создание тултипа sass

        -------HTML------
        <div>
          <a href="#" class="tooltiped" data-text="Название тултипа">Наведи на меня я тул-тип</a>
        </div>
        -------SASS------
.tooltiped{
	position: relative;
	&:before{
		content: attr(data-text);
		position: absolute;
		padding: 3px 5px;
		background: rgba(0, 102, 204, 1);
		color: wheat;
		border-radius: 5px;
		text-transform: lowercase;
		bottom: 100%;
		transform: translateX(-50%);
		white-space: nowrap;
		opacity: 0;
		left: -9999px;
		transition: opacity .3s;
	}
	&:hover:before{
		opacity: 1;
		left: 50%;
  }
}