MediaWiki:Vector.less/vectormenu.less
- root {
--personal-links-bg: var(--body-main); // --background-text-color (#444) fill --arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E"); }
.vector-menu-dropdown { .vector-menu-heading { background-color: var(--vector-tab-background); padding: 1em 0.75em 0.6923em; // 0.6923em is roughly 9px margin: 0; // kill negative pixel margin
// "More" text &, &:hover, &:focus { color: var(--background-text-color); }
&:after { background-image: var(--arrow-down); opacity: 1; } }
.vector-menu-content { border-color: transparent; background-color: var(--body-light); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); left: 0; // reset -1px offset since we don't have border between tabs }
.mw-list-item { a { color: var(--link-color); }
// Selected page on the menu &.selected a, &.selected a:visited { color: var(--text-color); } } }
// top links
- p-personal {
background: var(--personal-links-bg); top: 0; right: 0; border-radius: 0 0 0 @border-radius * 2; height: 1.875em; // 30px with a 16px default font-size
ul { padding: 0 1em 0 .4375em; // + list items' margin-left of 9px = 1em on both sides } }