argos/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component....

117 lines
1.5 KiB
SCSS

.gray-container {
letter-spacing: 5px;
color: #aaaaaa;
}
.container-header {
display: flex;
align-items: baseline;
margin-top: 0px;
text-transform: uppercase;
}
.container-header p {
letter-spacing: 5px;
color: #aaaaaa;
margin-bottom: 0px;
}
.container-header :hover {
color: #00b29f;
}
h4 {
display: inline;
padding-left: 1em;
line-height: 1.7em;
color: #333333;
}
h4 > span {
text-transform: uppercase;
}
.about-item {
display: flex;
flex-wrap: wrap;
}
// .about-item .length {
// color: rgb(70, 135, 240);
// }
.datasets-counter {
display: flex;
}
.datasets-counter :hover {
color: #00b29f !important;
}
.about-item .title {
margin: 2px 10px;
text-transform: uppercase;
}
.about-item p {
margin-left: auto;
margin-bottom: 0px;
padding-top: 7px;
color: #aaaaaa;
}
p {
color: #333333;
}
.draft-icon {
color: #aaaaaa;
}
.lock-icon {
color: #0d7489;
}
.more-horiz {
font-size: 28px;
color: #aaaaaa;
}
.published-icon {
padding-top: 1px;
color: #08bd63;
// color: #92d050;
}
.description {
margin-bottom: 0.4em;
}
.outer-circle {
background: #08bd6342;
border-radius: 50%;
width: 20px;
height: 20px;
position: relative;
margin-top: 3px;
}
.inner-circle {
position: absolute;
background: #08bd63;
border-radius: 50%;
height: 10px;
width: 10px;
top: 50%;
left: 50%;
margin: -5px 0px 0px -5px;
}
.role {
min-width: 74px;
}
::ng-deep .mat-menu-panel {
max-width: 282px !important;
}