# Highlight

{% hint style="info" %}
Since `1.7.0`
{% endhint %}

### Class

```css
.highlight--{info | success | warning | danger}
```

### Code Sample

#### .highlight--info

```markup
GorangoCSS is require <span class="highlight--info">no JS</span> to run! 
```

#### .highlight--success

```markup
GorangoCSS is require <span class="highlight--success">no JS</span> to run! 
```

#### .highlight--warning

```markup
GorangoCSS is require <span class="highlight--warning">no JS</span> to run!
```

#### .highlight--danger

```markup
GorangoCSS is require <span class="highlight--danger">no JS</span> to run!
```