Cascade Framework

Structure

A basic media object combines at least one "width-fit" and most one "width-fill" class.

9c172d8 updated license. MIT should be sufficient

Padding

Like the rest of the grid system, a media object can be padded with a default padding, using the "cell" class.

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

Mediaobject class

The mediaobject wrapper adjusts the padding of all cells within. It is, however, entirely optional and its functionality can easily be replaced by custom project-specific semantic classes or ids.

Chen says:

Nesting

Media objects can be infinitely nested. Herebelow is an example of a comments section with basic section.

David says:

Irene says:

Monica likes this comment!
Chen likes this comment!

Chen says:

David likes this comment!

Mobile

You can screensize specific classes to set screen size specific behavior.

David says:

Irene says:

Monica likes this comment!
Chen likes this comment!

Chen says:

David likes this comment!

Advanced usage

The example below shows a more advanced usage of the media object pattern, based on the example found on this page.

A little bit of content

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

necolas opened pull request 234 on paulirish/project 20 minutes ago

Added common class for long text wrap (whitespace)
2 commits with 10 additions and 0 deletions

scottjehl pushed to gh-pages at scottjehlscottjehl/Respond about 2 hours ago

9c172d8 updated license. MIT should be sufficient

8955dcb updated min file

77ac03c Merging in the comment-free parser. Respond.js no longer needs CS...

14 more commits >

Grid documentation

Structure

Padding

Mediaobject class

Nesting

Mobile

Advanced usage