mirror of
https://github.com/papercss/papercss
synced 2024-05-20 14:46:37 +02:00
46 lines
1.3 KiB
Markdown
46 lines
1.3 KiB
Markdown
---
|
|
title: Colors
|
|
description: PaperCSS Colors
|
|
---
|
|
### Text
|
|
|
|
<p class="text-primary">Text primary</p>
|
|
<p class="text-secondary">Text secondary</p>
|
|
<p class="text-success">Text success</p>
|
|
<p class="text-warning">Text warning</p>
|
|
<p class="text-danger">Text danger</p>
|
|
<p class="text-muted">Text muted</p>
|
|
|
|
#### Code:
|
|
|
|
```html
|
|
<p class="text-primary">Text primary</p>
|
|
<p class="text-secondary">Text secondary</p>
|
|
<p class="text-success">Text success</p>
|
|
<p class="text-warning">Text warning</p>
|
|
<p class="text-danger">Text danger</p>
|
|
<p class="text-muted">Text muted</p>
|
|
```
|
|
|
|
### Backgrounds
|
|
|
|
<div class="row flex-center">
|
|
<div class="sm-2 col background-primary">Background primary</div>
|
|
<div class="sm-2 col background-secondary">Background secondary</div>
|
|
<div class="sm-2 col background-success">Background success</div>
|
|
<div class="sm-2 col background-warning">Background warning</div>
|
|
<div class="sm-2 col background-danger">Background danger</div>
|
|
</div>
|
|
|
|
#### Code:
|
|
|
|
```html
|
|
<div class="row flex-center">
|
|
<div class="sm-2 col background-primary">Background primary</div>
|
|
<div class="sm-2 col background-secondary">Background secondary</div>
|
|
<div class="sm-2 col background-success">Background success</div>
|
|
<div class="sm-2 col background-warning">Background warning</div>
|
|
<div class="sm-2 col background-danger">Background danger</div>
|
|
</div>
|
|
```
|