Crie triângulos facilmente com CSS3 e LESS

Eu escrevi um mixin MENOS simples para criar triângulos com CSS3.

Uso

.triangle(@direction, @size, @color)
  • @direction define a direção: ‘up’, ‘down’, ‘left’ ou ‘right’.
  • @size define o tamanho
  • @color define a cor

Exemplo

.dropdown {
&:after {
.triangle(down, 5px, #fff);
}
}

https://github.com/stijnj/less-triangle