# Triangle.less [ GitHub ]

## Usage

    .triangle(@direction, @color, @size, @origin);

- @direction: `top` , `top-right` , `right` , `bottom-right` , `bottom` , `bottom-left` , `left` , `top-left`
- @color: background color of the shape
- @size: length of 2 shorter sides
- @origin: how to place the shape, see demo below

### ↓ @origin = corner

### ↓ @origin = side

### ↓ With notch border (like GitHub comments)