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); } }