PaperCSS

the less formal CSS framework

Get PaperCSS Documentation About Github

Colors

Text

Text primary

Text secondary

Text success

Text warning

Text danger

Text muted

Code:

<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

Background primary

Background secondary

Background success

Background warning

Background danger

Code:

<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>