Skip to content
wocss' media object
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
.npmignore
README.md
_objects.media.scss
package.json

README.md

MEDIA

Object

The wocss-objects-media module contains the media object.

Install using npm:

$ npm install wocss-objects-media --save

Usage

With a tool like webpack you can import this module writing:

@import '~wocss-objects-media';

Then you can use the required classes:

<div class="o-media">
  <div class="o-media__left">
    <!-- here media content -->
  </div>
  <div class="o-media__body">
    <!-- here body content -->
  </div>
</div>

Modifiers

  • .o-media--gutter-[1|2|3|4] alter the spacing between the elements.

State

  • .is-reverse reverse the horizontal rendered order of the left and body content.

For example:

<div class="o-media o-media--gutter-2 is-reverse">
  <div class="o-media__left">
    <!-- here media content -->
  </div>
  <div class="o-media__body">
    <!-- here body content -->
  </div>
</div>

Dependencies

You can’t perform that action at this time.