@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
91 lines (76 loc) • 1.79 kB
CSS
.spectrum-SideNav {
list-style-type: none;
margin: 0;
padding: 0;
}
.spectrum-SideNav-item {
list-style-type: none;
margin: 5px 0;
}
.spectrum-SideNav-itemLink {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: left;
justify-content: left;
box-sizing: border-box;
width: 100%;
min-height: 40px;
padding: 6px 15px;
border-radius: 5px;
font-size: 17px;
font-weight: 400;
font-style: normal;
text-decoration: none;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
cursor: pointer;
transition: background-color 130ms ease-out,
color 130ms ease-out;
}
.spectrum-SideNav-itemLink:focus {
outline: none;
}
.spectrum-SideNav-itemLink.focus-ring::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid transparent;
border-radius: 5px;
}
.spectrum-SideNav-itemLink .spectrum-SideNav-itemIcon {
margin-right: 10px;
}
.spectrum-SideNav-heading {
height: 40px;
line-height: 40px;
margin: 20px 0 5px 0;
padding: 0 15px;
border-radius: 5px;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav-itemLink {
font-weight: 700;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav {
margin: 0;
padding: 0;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink {
font-weight: 400;
padding-left: 30px;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav .spectrum-SideNav-itemLink {
padding-left: 45px;
}