1/** 2 * Page Attribute Icons in the breadcrumb bar 3 */ 4.page-attributes { 5 list-style: none; 6 float: right; 7 margin: -.45em 0 0; // FIXME sourrounding CSS should be fixed so negative margin is not needed 8 padding: 0; 9 display: flex; 10 gap: 0.5rem; 11 12 > li { 13 margin: 0; 14 padding: 0; 15 border: 1px solid @wikiicons-border; 16 border-radius: @ini_default_border_radius; 17 position: relative; 18 display: flex; 19 align-items: center; 20 justify-content: center; 21 transition: @transition background-color, @transition border-color, @transition color; 22 23 // override any plugin element styles 24 * { 25 margin: 0; 26 padding: 0; 27 line-height: normal; 28 display: block; 29 } 30 31 // number badge 32 .btn-usertools-num(); 33 34 // icon 35 svg { 36 height: 1.5em; 37 width: 1.5em; 38 39 path { 40 fill: @ini_nav_menu_color; 41 } 42 } 43 44 // adjust colors on hover 45 &:hover { 46 background-color: @ini_nav_menu_hover_color; 47 border-color: @ini_nav_menu_hover_color; 48 49 svg path { 50 fill: @ini_nav_menu_hover_bg; 51 } 52 } 53 } 54} 55