Template:Labeled icon/styles.css

/* labeled icon container */
.lc-c {
	
}

/* labeled icon container → label */
.lc-l {
	
}

/* labeled icon container → image wrapper */
.lc-i {
	
}

/* labeled icon container → image wrapper (zoom mode; added when zoom mode is enabled) */
.lc-z {
	display: inline-block;
	/* --s (size) is set in module */
	height: var(--s);
	width: var(--s);
	overflow: hidden;
}

/* labeled icon container → image wrapper (zoom mode; added when zoom mode is enabled) → image */
.lc-z img {
	/* defining vars here bcs template styles suck */
	/* --z (zoom) is set in module */
	--m: calc(var(--z) * -1);
	--h: calc(var(--s) + var(--z) * 2);
	
	margin: var(--m);
	height: var(--h);
	width: auto;
}