1/** 2 * This file provides the design styles for the direct / menu jump links. 3 * 4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de> 5 */ 6 7.breadcrumbs { 8 position: relative; 9 border-bottom: 1px solid @color-border-light; 10 padding: 1rem 1.8rem .2rem; 11 min-height: @page-header_height; 12 box-sizing: border-box; 13 14 > p { 15 font-size: @font-size-small; 16 margin: 0; 17 @media @screen_max-xs{ 18 width: 1px; 19 position: relative; 20 overflow: hidden; 21 height: 1.6rem; 22 } 23 24 * { 25 font-size: @font-size-small; 26 } 27 28 .bchead { 29 .sr-only(); 30 } 31 32 span.home { 33 margin-left: -.2rem; // reverse spacing in home icon --> content text and home icon aligned 34 .wide-content &{ 35 margin-left: .4rem; //toggle link has position absolute, hover on home icon needs more space than left padding of breadcrumb 36 } 37 a { 38 .fontello(); 39 .hide-text-show-before(); 40 .icon-home(); 41 42 min-height: 1.8em; 43 min-width: 1.9em; 44 width: auto; 45 box-sizing: border-box; 46 border: solid 1px transparent; 47 border-radius: @border-radius; 48 vertical-align: middle; 49 text-decoration: none; 50 margin-top: -.2em; 51 transition: @transition border-color; 52 53 &:before { 54 font-size: @font-size-default + (@font-scale-factor * 2); 55 margin-top: .17rem; 56 } 57 58 &:hover, 59 &:focus, 60 &:active { 61 border-color: @color-link; 62 } 63 } 64 } 65 66 bdi { 67 padding: .1em .1em 0; 68 } 69 } 70} 71 72 73/* + + + + + ? + + + + + */ 74.mode_admin { 75 76} 77