# Borders mixins

## Radius

```css
@include telia-border-radius($type);
```

| $type    |                                                                         |
| ------- | ----------------------------------------------------------------------- |
| none    | Reset border radius.                                                    |
| default | Used in small elements, such as text inputs, tags and selection button. |
| full    | Fully round corner.                                                     |

## Width

```css
@include telia-border($color, $width, $sides);
```

| $color                           |                      |
| ------------------------------- | -------------------- |
| Any color from colors foundation | Set color of border. |

| $width |                                                                                    |
| ----- | ---------------------------------------------------------------------------------- |
| none  | Reset border width.                                                                |
| xs    | Used in small elements, such as text inputs, tags and selection button.            |
| sm    | When interactive component has state like active, focus or error to attract focus. |
| md    | Bottom border width of active menu item or tab.                                    |

| $sides  |                         |
| ------ | ----------------------- |
| all    | Set all border sides.   |
| top    | Set only top border.    |
| right  | Set only right border.  |
| bottom | Set only bottom border. |
| left   | Set only left border.   |
