Sha256: d10153c559844a3be04aeb1be8a13fde94efc45f6471ea859fce644586e6aee8

Contents?: true

Size: 1.96 KB

Versions: 10

Compression:

Stored size: 1.96 KB

Contents

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */

x-object-fit {
	position: relative !important;
	display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
	position: absolute !important;
	left: -100% !important;
	right: -100% !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
	width: auto !important;
	height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
	width: 100% !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
	width: auto !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
	width: 100% !important;
	height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
	max-width: none !important;
	max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
	top: 0 !important;
	bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
	left: auto !important;
	right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
	top: auto !important;
	bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
	left: 0 !important;
	right: auto !important;
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
lentil-1.0.5 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-1.0.4 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-1.0.3 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-1.0.2 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-1.0.1 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-1.0.0 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-0.9.1 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-0.9.0 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-0.8.0 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css
lentil-0.7.1 vendor/assets/stylesheets/polyfill.object-fit/polyfill.object-fit.css