> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/scholastica-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/scholastica-moodle-theme/getting-started/global-styles/typography.md).

# Typography

Work in progress...

### Link underline

If somewhere on the page animated underline doesn't work then you can use a dedicated class.

```
<a href="#" class="underline--anim">Link</a>
```

### Lead

*lead-1, lead-2, lead-3, lead-4*

![](https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/DWW1DRkAX5TdWW3D8dbp/lead-typo.jpg)

```html
<p class="lead-1">Lead #1</p>
<div class="lead-2">Lorem ipsum dolar set</div>
```

### Display

*display-1, display-2, display-3, display-4*

![](https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/HUoct3HQGTXrcnAwdGN6/display-typo.jpg)

```html
<p class="display-1">Display #1</p>
```

### Small

*small, text-small*

```html
<span class="small">Small text</span>
<span class="text-small">Small text</span>
```

![](https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/dz9haNAtQ4z9tWbHvkQc/small.jpg)

### Modified

*modified*

```html
<span class="modified">August 20, 2020</span>
```

![](https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/EQEPeCyq7cp18XDxVtuf/modified.jpg)