Difference between revisions of "Template:Fit-image/style.css"

From Moegirlpedia
Jump to: navigation, search
(Created page with ".fit-image{ position:relative !important; } [class*='fit-image']{ display: inline-block; } .fit-image img{ width: 100% !important; height: 100% !important; } .fi...")
 
 
Line 45: Line 45:
 
object-fit:scale-down;
 
object-fit:scale-down;
 
}
 
}
/* [[Category:在模板名字空间下的CSS页面]] */
+
/* [[Category:CSS pages under template namespace]] */

Latest revision as of 16:53, 26 March 2022

.fit-image{
	position:relative !important;
}

[class*='fit-image']{
	display: inline-block;
}

.fit-image img{
	width: 100% !important;
        height: 100% !important;
}

.fit-image-mask{
	position: absolute;
	opacity: 0 !important;
	top: 0;
	left: 0;
	overflow: hidden;
}

.fit-image-mask a{
	width: 100%;
        height: 100%;
        display: inline-block;
}

.fit-image-contain img{
	object-fit:contain;
}

.fit-image-cover img{
	object-fit:cover;
}

.fit-image-fill img{
	object-fit:fill;
}

.fit-image-none img{
	object-fit:none;
}

.fit-image-scale-down img{
	object-fit:scale-down;
}
/* [[Category:CSS pages under template namespace]] */