MediaWiki:Vector.less/vectormenu.less

From Old School Near-Reality Wiki
Jump to navigation Jump to search
root {

--personal-links-bg: hsl(43, 27%, 78%); // --background-text-color (#444) fill --arrow-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23444%22/%3E %3C/svg%3E"); }

.vector-menu-dropdown { .vector-menu-heading { background-color: var(--body-background-color); padding-top: 1em;

// "More" text &, &:hover, &:focus { color: var(--background-text-color); }

&:after { margin-bottom: 0.4em; background-image: var(--arrow-down); } }

.vector-menu-content { border: 1px solid var(--body-border); background-color: var(--body-light); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

li a { color: var(--background-link-color); }

// Selected page on the menu .selected a, .selected a:visited { color: var(--text-color); } }

// top links

  1. p-personal {

background: var(--personal-links-bg); top: 0; right: 0; border-radius: 0 0 0 .3em; height: 30px;

ul { padding: 0 1em 0 .4em; } }