You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
argos/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.co...

143 lines
2.1 KiB
SCSS

.gray-container {
letter-spacing: 5px;
color: #aaaaaa;
}
.container-header {
display: flex;
align-items: baseline;
margin-top: 0px;
text-transform: uppercase;
}
.about-item {
display: flex;
flex-wrap: wrap;
}
.about-item h4 {
font-size: 1rem;
line-height: 1.25em;
font-weight: 500;
}
.about-item .length {
color: #00b29f;
// color: #089dbb;
}
.about-item .title {
margin: 2px 10px;
}
.about-item p {
margin-left: auto;
margin-bottom: 0px;
padding-top: 7px;
color: #aaaaaa;
}
.draft-icon {
color: #aaaaaa;
}
.more-horiz {
font-size: 28px;
color: #aaaaaa;
}
.custom-published-icon {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #08bd6342;
margin-top: 3px;
}
.published-icon {
color: #08bd63;
font-size: 12px;
margin-left: 4px;
padding-bottom: 7px;
// padding-top: 2px;
// padding-left: 4px;
// color: #92d050;
}
.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;
}
h4 {
display: inline;
padding-left: 1em;
line-height: 1.7em;
}
h4 > span {
text-transform: uppercase;
}
p {
color: #333333;
}
.description {
margin-bottom: 0.4em;
}
// .explore-dmp-listing-item {
// margin-top: 2em;
// margin-bottom: 2em;
// cursor: pointer;
// .title {
// color: black;
// }
// .grant-title {
// color: rgb(93, 125, 173);
// }
// .gray-icon {
// color: rgb(191, 191, 191);
// }
// .explore-dmp-chip {
// padding: 0.1em 1em;
// border: 0.1em solid rgb(236, 241, 249);
// border-radius: 10em;
// background-color: rgb(236, 241, 249);
// color: rgb(68, 114, 196);
// }
// .explore-dmp-squared-chip {
// padding: 0.1em 1em;
// border: 0.1em solid rgb(236, 241, 249);
// border-radius: 0.5em;
// background-color: rgb(246, 246, 246);
// color: rgb(127, 127, 127);
// }
// mat-icon {
// width: auto;
// height: auto;
// }
// }