Why a light version?

Cascade Framework gives you a perfect balance between lots of features and a lightweigt footprint.

Cascade Framework Light is a framework for when you don't need most of the features Cascade Framework offers.

If you want just a normalised boilerplate to start from any don't need most of the features offered by Cascade Framework, Cascade Framework Light is the way to go.

An overview of the different modules

Name	Description	Size (minified + Gzipped)
Grid	Basic grid features	323 bytes
Colors	Color scheme	262 bytes
Layout	A normalised layout	1571 bytes
Responsive	Responsive behavior	202 bytes
Full	All modules combined	2010 bytes

Demos

Basic typography
Additional typography
Lists
Quotes
Pre-formatted text
Forms
Table
Table with border
Datasheet
Media object

Basic typography

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Additional typography

CSS

Origin of Species

Code tag

Emphasis

Mark text

<abbr>

<cite>

<code>

Cmd + Shift + i

Highlighted text

Bold text

~~Deleted text~~

^superscript

_subscript

<kbd>

<del>

Lists

One.
Two.
- 1
- 2
  - 1
  - 2
    - 1
    - 2
    - 3
  - 3
- 3
Three.
Four.
Five.
Six.
Seven.
Eight.

One.
Two.
Three.
Four.
Five
Six
1. 1
2. 2
  1. 1
  2. 2
    1. 1
    2. 2
    3. 3
  3. 3
3. 3
Seven
Eight

Quotes

This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Cite tag

Pre-formatted text


   AH, broken is the golden bowl!
        The spirit flown forever!
    Let the bell toll! — A saintly soul
        Glides down the Stygian river!
            And let the burial rite be read —
                The funeral song be sung —
            A dirge for the most lovely dead
                That ever died so young!
                    And, Guy De Vere,
                    Hast thou no tear?
                        Weep now or nevermore!
                    See, on yon drear
                   And rigid bier,
                       Low lies thy love Lenore!
                                                    


       Lenore - Edgar Allan Poe (1831)

Forms

First name

Last name

Address

Table

Name	Function	Location
James	Team Lead	New York
John	Developer	Kansas
Sarah	Designer	New York

Table with border

Name	Function	Location
James	Team Lead	New York
John	Developer	Kansas
Sarah	Designer	New York

Datasheet

Try editing the cells!

Name	Function	Location

Media object

David says:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis adipiscing est. Curabitur vel dui dolor. Vestibulum molestie fermentum diam, nec interdum ante molestie ut. Integer consequat iaculis auctor. Duis vitae felis ligula, ultrices blandit dolor.

Irene says:

Monica likes this comment!
Chen likes this comment!

Chen says:

David likes this comment!

Cascade Framework Light 1.1

A CSS micro-framework based on Cascade Framework