SCSS setas css puro

Não se esqueça de usar o posicionamento relativo / absoluto para o contêiner pai.

EDITAR: parece que a marcação do coderwall quebra a sintaxe do scss ao tratar @each statemens como tags âncora, então postei um exemplo prático de copiar / colar aqui: http://cssdeck.com/labs/w7y3rec6

@mixin arrow ($w: 5px, $color: #ff8000, $position:top, $offset:50%){

    content   : '';
    position  : absolute;
    border    : $w solid transparent;

    @if $position == top{
      border-bottom-color: $color;
      top: -2 * $w;
      margin-left: -.5 * $w;
      right: $offset;
    } @else if $position == right{
      border-left-color: $color;
      right: -2 * $w;
      margin-top: -.5 * $w;
      top: $offset;

    } @else if $position == bottom{
      border-top-color: $color;
      bottom: -2 * $w;
      margin-left: -.5 * $w;
      left: $offset;

    } @else{
      // left
      border-right-color: $color;
      left: -2 * $w;
      margin-top: -.5 * $w;
      top: $offset;
    }

}