@npmcorp/pui-css-embeds

6.5.0 • Public • Published

@npmcorp/pui-css-embeds

A CSS embeds 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-embeds

Usage

<h1 class="h2">16-by-9</h1>
<div class="row">
  <div class="col-md-5">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
  <div class="col-md-7">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
  <div class="col-md-12">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/JOCtdw9FG-s"></iframe>
    </div>
  </div>
</div>

You can find more examples of the embeds 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.

Package Sidebar

Install

npm i @npmcorp/pui-css-embeds

Weekly Downloads

5

Version

6.5.0

License

MIT

Last publish

Collaborators

  • maitxn
  • shmam
  • kartykp
  • jithinpg
  • reggi
  • karenjli
  • tayvongh
  • navin22
  • dhei
  • tiagonbotelho
  • hashtagchris
  • nishantms
  • feelepxyz.github
  • monishcm
  • jumoel
  • trevrosen
  • fritzy
  • npm
  • npmci
  • saquibkhan
  • gar
  • mylesborins