Sass mixins for triangles

triangles.scss

@mixin rt-triangle($h, $depth, $color, $top: 0, $left: 100%) {
  content: '';
  display: inline-block;
  position: absolute;
  top: $top;
  left: $left;
  width: 0;
  height: 0;
  border-top: $h/2 solid transparent;
  border-left: $h*$depth solid $color;
  border-bottom: $h/2 solid transparent;
}
@mixin up-triangle($h, $depth, $color, $top: 0, $right: 100%) {
  content: '';
  display: inline-block;
  position: absolute;
  top: $top;
  right: $right;
  width: 0;
  height: 0;
  border-left: $h/2 solid transparent;
  border-right: $h/2 solid transparent;
  border-bottom: $h*$depth solid $color;
}
@mixin down-triangle($h, $depth, $color, $top: 0, $right: 100%) {
  content: '';
  display: inline-block;
  position: absolute;
  top: $top;
  right: $right;
  width: 0;
  height: 0;
  border-left: $h/2 solid transparent;
  border-right: $h/2 solid transparent;
  border-top: $h*$depth solid $color;
}