@npmcorp/pui-css-media

media css component for the npm fork of Pivotal UI, based on Bootstrap

Usage no npm install needed!

<script type="module">
  import npmcorpPuiCssMedia from 'https://cdn.skypack.dev/@npmcorp/pui-css-media';
</script>

README

@npmcorp/pui-css-media

A CSS media component that can be installed via this npm package. The package provides all of the CSS you need to use the component.

Installation

To install the package, from the command line, type:

npm install pui-css-media

Usage

<div class="media">
  <a class="media-left" href="#">
    <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
  </div>
</div>

<div class="media">
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  </div>
  <a class="media-right" href="#">
    <img alt="placeholder" class="media-object" src="http://placehold.it/64x64"/>
  </a>
</div>

You can find more examples of the media component in the pui style guide

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.