opal-components
Version:
[Rionite](https://github.com/Riim/Rionite) component set.
44 lines (40 loc) • 648 B
CSS
@component OpalLoadedList {
position: relative;
display: block;
overflow-x: hidden;
overflow-y: auto;
height: 500px;
@el list {
}
@el list-items {
display: block;
}
@el loader {
@mod align-center {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
@el nothing-found {
box-sizing: border-box;
padding: 12px;
height: 100%;
text-align: center;
white-space: nowrap;
&::before {
display: inline-block;
width: 0;
height: 100%;
content: '';
vertical-align: middle;
}
}
@el nothing-found-message {
display: inline-block;
vertical-align: middle;
opacity: .6;
}
}