MediaWiki:Vector.less/interface.less

/* == miscellaneous vector elements == */
:root {
	--external-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23936039' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

// external links icon
.mw-parser-output a.external {
	// using vector-2022 new icon
	background-image: var(--external-icon);
	// 12px / <paragraph font size>px; in our wikis' case 0.833
	background-size: 0.833em; // remove like below when on mw1.40
//	padding-right: 1em;
}

// [edit] section
.mw-editsection {
	font-family: @sans-serif-stack;
	
	// brackets between editor link(s)
	.client-js .mw-content-ltr &-bracket:first-of-type,
	.client-js .mw-content-ltr &-bracket:not(:first-of-type),
	// divider line between source and vis editor links
	&-divider {
		color: var(--text-color);
	}
}

// "(Redirected from X)"
#mw-content-subtitle,
#contentSub2 {
	color: var(--byline-color);
	margin: 0; // reset margin; re-added below
}

// re-add margin when not empty, as to not push content down ever so slightly
#mw-content-subtitle:not(:empty),
#contentSub2:not(:empty) {
	margin: 0 0 1.4em 0;
}

//  Technically not vector-specific, but also not available on our only other skin: minerva
// collapsible tables
.mw-collapsible {
	
	&.mw-collapsed {
		min-width: 250px;
	}

	// Fix toggle style being different before JS takes over.
	&:not( .mw-made-collapsible) th::before,
	.mw-collapsible-toggle {
		font-weight: normal;
		margin-left: 0.2em;
	}
	
	&-toggle-default .mw-collapsible-text,
	&-toggle-default:active .mw-collapsible-text {
		color: var(--link-color);
	}
}