mirror of
https://github.com/papercss/papercss
synced 2024-06-19 22:25:10 +02:00
45 lines
1.3 KiB
Markdown
45 lines
1.3 KiB
Markdown
|
---
|
||
|
|
title: 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>
|
||
|
|
```
|