Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:User icons/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox__title__icon {
.infobox__title__icon {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
gap: var(--space-xs);
}
}

.infobox__title__icon > span[typeof="mw:File"] {
.infobox__title__icon__sysadmin::after {
content: "";
line-height: 1;
}
display: block;

width: var(--size-icon);
.infobox__title__icon img {
height: var(--size-icon);
width: var(--template-arg-icon-size);
background-color: currentColor;
height: 100%;
mask-size: contain;
object-fit: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: url("https://amaranth-legacy.yttrium.systems/Screwdriver-wrench-solid.svg");
}
}

Latest revision as of 08:55, September 8, 2025

.infobox__title__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-xs);
}

.infobox__title__icon > span[typeof="mw:File"] {
	line-height: 1;
}

.infobox__title__icon img {
	width: var(--template-arg-icon-size);
    height: 100%; 
    object-fit: contain;
}