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