Polyfill functionality for 'object-fit' / 'object-position' properties on images and videos.
npm install gi-feature-object-fitobject-fit featureInstall polyfill functionality for object-fit / object-position properties on images and videos.
Also makes inlining videos on iOS < 10 possible.
* object-fit-images
* object-fit-videos
* iphone-inline-video
Install this package with sackmesser:
make feature-install-object-fit
or when sackmesser is not used:
yarn install gi-feature-object-fit
After the installation has completed, you can import the module files:
#### JS:
``javascript`
// import feature class
import ObjectFit from 'gi-feature-object-fit'
// ...
base.features.add('fit', ObjectFit)
Make sure you provide the global dependencies in your webpack config file:
`javascript`
new webpack.ProvidePlugin({
base: 'gi-js-base'
})
#### Styles:
`sass`
@import 'gi-feature-object-fit/src/style';
* Newest two browser versions of Chrome, Firefox, Safari and Edge
* IE 10 and above
* make build or npm run build - Build production version of the feature.make dev
* or npm run dev - Build demo of the feature, run a watcher and start browser-sync.make test
* or npm run test - Test the feature.make jsdoc
* - Update documentation inside the docs folder.make publish` - Publish npm package.
*