consul/ui/styles/_lists.scss

60 lines
1.1 KiB
SCSS

.list-group-item {
padding: 0;
border-width: 2px;
border-bottom-width: 2px;
border-radius: 0px;
margin-bottom: 15px;
margin-top: 15px;
.list-group-item-heading, .list-inline {
margin: 10px 15px 10px 15px;
padding: 0px 5px 10px 5px;
}
.list-inline {
padding-left: 0px;
color: $gray;
font-size: 13px;
}
.list-group-item-heading {
border-bottom: 2px solid #eee;
color: $gray-darker;
.heading-helper {
float: right;
font-weight: 600;
color: $gray-light;
font-size: 14px;
}
}
.list-bar {
width: 100%;
height: 20px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
&.list-link:hover {
cursor: pointer;
background-color: lighten($gray-background, 8%);
}
&.active {
border-color: $gray;
}
}
ul.list-broken {
li {
// border-top: 2px lighten($gray-background, 5%) solid;
}
&:last-child {
// border-bottom: 2px lighten($gray-background, 5%) solid;
}
}