wocss-objects-media

2.0.1 • Public • Published

This module is DEPRECATED

This module has been moved to the monorepo wocss (and renamed to @wocss/objects-media)

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

Package Sidebar

Install

npm i wocss-objects-media

Weekly Downloads

1

Version

2.0.1

License

ISC

Unpacked Size

3.1 kB

Total Files

3

Last publish

Collaborators

  • wochap