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