# Heights

### XSmall (12px)

Just add **sl-height-xs** class.

```markup
<div class="sl-height-xs">
```

### Small (14px)

Just add **sl-height-sm** class.

```markup
<div class="sl-height-sm">
```

### Medium (16px)

Just add **sl-height-md** class.

```markup
<div class="sl-height-md">
```

### Large (20px)

Just add **sl-height-lg** class.

```markup
<div class="sl-height-lg">
```

### XLarge (24px)

Just add **sl-height-xl** class.

```markup
<div class="sl-height-xl">
```