/*
@styleguide
@title Resizing

Set the `resize` property to one of the following enums:
- `horizontal`
- `vertical`
- `both`
- `none`

This is primarily useful for constraining textareas, which are resizable by
default. However, it can be applied to any element.

<textarea class="resize--vertical"></textarea>

```html
<textarea class="resize--vertical"></textarea>
```

<textarea class="resize--horizontal"></textarea>

```html
<textarea class="resize--horizontal"></textarea>
```

<textarea class="resize--both"></textarea>

```html
<textarea class="resize--both"></textarea>
```

<textarea class="resize--none"></textarea>

```html
<textarea class="resize--none"></textarea>
```
*/

.resize--horizontal { resize: horizontal; }
.resize--vertical   { resize: vertical; }
.resize--both       { resize: both; }
.resize--none       { resize: none; }