tooltip forms drupal

_tooltip.scss

//tooltips for forms
form.tooltip{
  small,
  .description{
    text-align:left;
    width:200px;
    color: white;
    background: #666;
    @include border-radius(2px);    
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999;
    position: absolute; 
    display: none;
  }
  small:before,
  .description:before {
      content: "\25C0"; 
      color:#666;
      position: absolute;
      top:1px;
      left:-6px;
   }
  //activate the tooltop
  input:focus + small,
  input:focus + .description, 
  textarea:focus + small,
  textarea:focus + .description 

  {
    display: inline;
  }

}