Cacher is the code snippet organizer for pro developers

/* 
 * Triangles
 */
@mixin triangle($size: 12px, $color: blue, $position: bottom) {
	position: relative;
	&:after {
		display: block;
		content: ' ';
		position: absolute;
		border: $size solid transparent;
		@if $position == bottom {
			top: 100%;
			left: 50%;
			margin-left: -$size;
			border-top-color: $color; 
		}
		@else if $position == top {
			bottom: 100%;
			left: 50%;
			margin-left: -$size;
			border-bottom-color: $color; 
		}
		@else if $position == left {
			right: 100%;
			top: 50%;
			margin-top: -$size;			
			border-right-color: $color; 
		}
		@else if $position == right {
			left: 100%;
			top: 50%;
			margin-top: -$size;			
			border-left-color: $color; 
		}
	}
}