@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
115 lines (102 loc) • 2.3 kB
CSS
.spectrum-Menu {
display: inline-block;
box-sizing: border-box;
margin: 4px 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.spectrum-Menu > .spectrum-Menu-sectionHeading {
margin-top: 3px;
margin-bottom: 3px;
}
.spectrum-Menu.is-selectable .spectrum-Menu-item {
padding-right: 32px;
}
.spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.spectrum-Menu-checkmark {
transform: scale(1);
opacity: 1;
}
.spectrum-Menu-item {
cursor: pointer;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 7px 12px 7px 10px;
margin: 0;
border-left: 2px solid transparent;
min-height: 32px;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-decoration: none;
}
.spectrum-Menu-item:focus {
outline: none;
}
.spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
display: block;
}
.spectrum-Menu-item .spectrum-Icon,
.spectrum-Menu-item .spectrum-Menu-itemIcon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel,
.spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {
margin-left: 8px;
}
.spectrum-Menu-itemLabel {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 1.3;
}
.spectrum-Menu-itemLabel--wrapping {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.spectrum-Menu-checkmark {
display: none;
-ms-flex-item-align: start;
align-self: flex-start;
}
.spectrum-Menu-checkmark,
.spectrum-Menu-chevron {
-ms-flex-positive: 0;
flex-grow: 0;
margin-left: 12px;
margin-top: 4px;
}
.spectrum-Menu-divider {
box-sizing: content-box;
overflow: visible;
height: 2px;
margin: 1.5px 12px;
padding: 0 0;
border: none;
}
.spectrum-Menu-sectionHeading {
display: block;
margin: 6px 0 0 0;
padding: 0 36px 0 12px;
font-size: 11px;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.spectrum-Menu .spectrum-Menu {
display: block;
}