Cacher is the code snippet organizer for pro developers

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 20px;
  border-color: #f00 transparent transparent;
}

.triangle
  triangle(red, d, 40, 60)

h = round(w / tan((d / 2)deg))

w = round(base / 2)

triangle(color, forward = u, base, d)
  width 0
  height 0
  border-style solid
  w = round(base / 2)
  h = round(w / tan((d / 2)deg))
  if forward == d
    border-width (h)px (w)px
    border-color color transparent transparent
  else if forward == r
    border-width (w)px (h)px
    border-color transparent transparent transparent color 
  else if forward == l
    border-width (w)px (h)px
    border-color transparent color transparent transparent
  else
    border-width (h)px (w)px
    border-color transparent transparent color