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

51 lines
953 B

._path {
position: absolute;
z-index: $noticeZ - 1;
bottom: 0;
left: $sidebarWidth;
right: 0;
height: 2rem;
line-height: 2rem;
padding: 0 .375rem;
font-size: .875rem;
10 years ago
background: $pathBackground;
box-shadow: inset 0 1px $pathBorder;
@media #{$mediumScreen} { left: $sidebarMediumWidth; }
._sidebar-hidden & { left: $sidebarHiddenWidth; }
~ ._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 %doc-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;
}
}