A simple scss mixin to render a tooltipped-box.

gistfile1.scss

@mixin tooltip($background, $borderColor) {
  position: relative;
  background: $background;
  border: 1px solid $borderColor;

  &:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: -19px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid $background;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
  }

  &:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: -20px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid $borderColor;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
  }
}