You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
devdocs/assets/stylesheets/components/_path.scss

52 lines
1.0 KiB

._path {
position: absolute;
z-index: $noticeZ - 1;
bottom: 0;
left: $sidebarWidth;
right: 0;
height: 2rem;
line-height: 2rem;
padding: 0 .375rem;
font-size: .875rem;
text-shadow: 0 1px rgba(white, .5);
background: #f5f5f7;
box-shadow: inset 0 1px #d5d5da, // top border
inset 0 2px rgba(white, .3), // top inner glow
inset 1px 0 rgba(black, .03); // left inner shadow
@media #{$mediumScreen} { left: $sidebarMediumWidth; }
~ ._container { padding-bottom: 2rem; }
a:focus { outline: 0; }
}
._path-item {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 1rem 0 0;
padding: 0 .375rem;
color: $textColor;
&:first-child:before {
content: '';
float: left;
width: 1rem;
height: 1rem;
margin: .5rem .375rem 0 0;
@extend %icon;
}
& + &:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
width: 1rem;
height: 1rem;
margin: -.5rem 0 0 0;
pointer-events: none;
@extend %icon, %icon-path;
}
}