Cheap and easy tooltips :)

_tooltip.scss

@mixin tooltip($text, $top: 0px, $left: 0px) {
  &:hover::after {
    $top: $top - 7px;
    $left: $left - 10px;
   
    content: quote($text);
    position: absolute;
    @include transition(all, 0.3s);
    @include linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8), transparent);
    border-radius: 20px;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    margin: $top 0 0 $left;
    padding: 7px 10px;
    text-indent: 0px !important;
    text-transform: lowercase;
  }
}