1/** 2 * Page Attribute Icons in the breadcrumb bar 3 */ 4.page-attributes { 5 list-style: none; 6 float: right; 7 display: inline-block; 8 max-width: 30%; 9 margin: -.45em 0 0; 10 padding: 0; 11 @media @screen_max-xs { 12 max-width: 90%; 13 } 14 15 li.plugin_qc .qc_icon svg { 16 margin-left: 0; 17 margin-top: 0.2em; 18 width: 1.5em; 19 height: 1.5em; 20 } 21 22 > li { 23 .btn-usertools-wrapper(); // uniform li 24 .btn-usertools-num(); 25 26 position: relative; 27 float: left; 28 display: block; 29 width: auto; 30 min-height: @toggle-size; 31 border: 1px solid @wikiicons-border; 32 border-radius: @ini_default_border_radius; 33 text-align: center; 34 margin: 0 .25rem; 35 36 a { 37 display: block; 38 width: auto; 39 min-height: 26px; 40 &:hover, &:focus, &:active { 41 background-color: @ini_nav_menu_hover_color; 42 border-color: @ini_nav_menu_hover_color; 43 color: @ini_nav_menu_hover_bg; 44 span.qc_icon { 45 &.qc_bad, &.qc_meh, &.qc_good { 46 fill: @ini_nav_menu_hover_bg; 47 color: @ini_nav_menu_hover_bg; 48 } 49 } 50 51 } 52 } 53 54 .prefix { 55 .btn-prefix (); 56 .icon-clipboard(); 57 58 display: block; 59 font-size: 1.2rem; 60 line-height: 1; 61 } 62 63 } 64} 65