@kickoff/fluidvideo.css

1.2.1 • Public • Published

@kickoff/fluidvideo.css

Simple fluid-width videos using CSS only

npm version

NPM

Install

npm install @kickoff/fluidvideo.css --save

Usage

With scss and the npm-sass or similar importer

@import "@kickoff/fluidvideo.css/index"
<div class="fluidVideo">
	<iframe class="fluidVideo-item" src="..."/>
</div>

<!-- add modifier for 4:3 aspect ratio -->
<div class="fluidVideo fluidVideo--4-3">
	<iframe class="fluidVideo-item" src="..."/>
</div>

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.2.1
    1
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.2.1
    1
  • 1.2.0
    0

Package Sidebar

Install

npm i @kickoff/fluidvideo.css

Weekly Downloads

1

Version

1.2.1

License

MIT

Last publish

Collaborators

  • jpdriver
  • ashleynolan
  • mrmartineau