@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
79 lines (63 loc) • 1.58 kB
CSS
.spectrum-AssetList {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.spectrum-AssetList-item {
position: relative;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
-ms-flex-align: center;
align-items: center;
width: 272px;
height: 40px;
padding: 0 16px 0 16px;
margin: 0 0 4px 0;
border-radius: 4px;
transition: background-color 130ms ease-in-out;
font-size: 14px;
font-weight: 400;
font-style: normal;
cursor: pointer;
outline: none;
}
.spectrum-AssetList-item::before {
content: '';
position: absolute;
left: 0;
right: 0;
height: 40px;
background-color: transparent;
border-radius: 4px;
}
.spectrum-AssetList-item.is-selectable .spectrum-Checkbox, .spectrum-AssetList-item.is-selected .spectrum-Checkbox, .spectrum-AssetList-item:hover .spectrum-Checkbox, .spectrum-AssetList-item:focus .spectrum-Checkbox {
display: -ms-inline-flexbox;
display: inline-flex;
}
.spectrum-AssetList-item.is-branch .spectrum-AssetList-itemChildIndicator {
display: block;
}
.spectrum-AssetList-item .spectrum-AssetList-itemThumbnail {
border-style: none;
width: 24px;
height: 24px;
margin-left: 8px;
vertical-align: middle;
}
.spectrum-AssetList-itemSelector {
display: none;
margin: 0;
}
.spectrum-AssetList-itemChildIndicator {
display: none;
transition: transform ease 130ms;
}
.spectrum-AssetList-itemLabel {
-ms-flex: 1;
flex: 1;
padding-left: 8px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}