@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
139 lines (113 loc) • 2.84 kB
CSS
.spectrum-Breadcrumbs {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: start;
justify-content: start;
list-style-type: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.spectrum-Breadcrumbs-itemSeparator {
position: relative;
top: 1px;
width: 8px;
height: 10px;
transform: scale(1);
opacity: 1;
}
.spectrum-Breadcrumbs-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start;
box-sizing: border-box;
height: 40px;
position: relative;
font-size: 19px;
font-weight: 400;
line-height: 1.5;
}
.spectrum-Breadcrumbs-item:last-of-type {
font-weight: 700;
}
.spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemSeparator {
display: none;
}
.spectrum-Breadcrumbs-item > .spectrum-ActionButton {
margin-right: 1px;
}
.spectrum-Breadcrumbs-itemLink {
cursor: default;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start;
padding: 0 10px;
height: 40px;
margin-right: 1px;
border-radius: 5px;
outline: none;
text-decoration: none;
}
.spectrum-Breadcrumbs-itemLink:hover,
.spectrum-Breadcrumbs-itemLink.focus-ring {
text-decoration: underline;
}
.spectrum-Breadcrumbs-itemLink[href],
.spectrum-Breadcrumbs-itemLink[tabindex="0"] {
cursor: pointer;
}
.spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before,
.spectrum-Breadcrumbs-itemLink.focus-ring:before {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: 5px;
content: '';
pointer-events: none;
}
.spectrum-Breadcrumbs--compact .spectrum-Breadcrumbs-item {
font-size: 17px;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item {
font-size: 15px;
font-weight: 400;
line-height: 1.5;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type {
height: auto;
width: 100%;
margin-top: 0px;
font-size: 22px;
font-weight: 700;
line-height: 1.3;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemLink {
height: auto;
text-decoration: none;
}
.spectrum-Breadcrumbs--title .spectrum-Breadcrumbs-item:last-of-type {
width: 100%;
margin: 0.3em 0;
font-size: 28px;
font-weight: 300;
line-height: 32px;
}
.spectrum-Breadcrumbs--title .spectrum-Breadcrumbs-item .spectrum-Heading--pageTitle {
margin: 0;
font-size: inherit;
font-weight: inherit;
}