Warbler.css

CSS framework

Download

Minified Source

Includes Normalize.css for cross-browser rendering.

Grid System

.container

.row

.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1

.row

.col-4
.col-2
.col-2

.row

.col-3
.col-5

.row

.col-8

Typography

Headings

h1 Heading. small h1 Heading

h2 Heading. small h2 Heading

h3 Heading. small h3 Heading

h4 Heading. small h4 Heading

h5 Heading. small h5 Heading
h6 Heading. small h6 Heading

Basic blockquote

Curabitur pellentesque lectus sit amet tristique ultrices.

Blockquote with footer

Curabitur pellentesque lectus sit amet tristique ultrices.
Vestibulum posuere et dolor ac porttitor.

Code

<code>Lorem ipsum</code>

Block

<pre> 
Aenean nec urna sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris venenatis pretium nisl eu venenatis. Nam in purus dignissim, mattis tortor et, mollis ex. Aenean dapibus scelerisque ornare. Morbi dignissim ullamcorper eros, nec iaculis nisi laoreet ut. Suspendisse finibus vulputate augue et cursus. Curabitur in cursus ex.
</pre>

Basic table

# Name Password Email
1 dolor ultricies sagittis@nisl.in
2 pellentesque purus faucibus@leo.id
3 euismod placerat hac@hendrerit.Sed

Basic form

Buttons