Components

Grid

Zing comes with a flexbox grid. If you need support for older browsers, you can easily swap to a float-based grid system.

Buttons

This is a Button Secondary Button

Code

There is some basic styling for code blocks, but it can be enhanced by including highlight.js, as shown below.

Basic Block

<ul>
  <li>Harper</li>
  <li>Jordan</li>
  <li>Pippen</li>
  <li>Rodman</li>
  <li>Longley</li>
</ul>

Jekyll Highlighting

1
2
3
4
5
6
7
<ul class="list">
  <li>Harper</li>
  <li>Jordan</li>
  <li>Pippen</li>
  <li>Rodman</li>
  <li>Longley</li>
</ul>

With Hightlight

Harper
Jordan
Pippen
Rodman
Longley