shlink-web-client/src/servers/ServersListGroup.scss

46 lines
978 B
SCSS
Raw Normal View History

2020-12-20 14:17:12 +03:00
@import '../utils/base';
@import '../utils/mixins/vertical-align';
@import '../utils/mixins/thin-scroll';
2020-12-20 14:17:12 +03:00
.servers-list__list-group.servers-list__list-group {
width: 100%;
2020-12-20 14:17:12 +03:00
}
.servers-list__list-group:not(.servers-list__list-group--embedded) {
max-width: 400px;
2020-12-12 12:56:10 +03:00
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.servers-list__server-item.servers-list__server-item {
text-align: left;
position: relative;
padding: .75rem 2.5rem .75rem 1rem;
}
2020-12-20 14:17:12 +03:00
.servers-list__server-item:hover {
background-color: var(--secondary-color);
2020-12-20 14:17:12 +03:00
}
.servers-list__server-item-icon {
@include vertical-align();
right: 1rem;
}
2020-12-20 14:17:12 +03:00
.servers-list__list-group--embedded.servers-list__list-group--embedded {
border-radius: 0;
border-top: 1px solid rgba(0, 0, 0, .125);
@media (min-width: $mdMin) {
max-height: 220px;
overflow-x: auto;
@include thin-scroll();
2020-12-20 14:17:12 +03:00
}
.servers-list__server-item {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
}