Triangle Shape Mixin for Scss

triangle.scss

@mixin triangle($direction-h, $direction-w, $color, $width, $height) {
	width: 0;
	height: 0;
	@if $direction-h == top {
		border-top: $height solid $color;
		border-bottom: $height solid transparent;
	} @else {
		border-bottom: $height solid $color;
		border-top: $height solid transparent;
	}
	@if $direction-w == right {
		border-right: $width solid $color;
		border-left: $width solid transparent;
	} @else {
		border-left: $width solid $color;
		border-right: $width solid transparent;
	}
}