argos/dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.co...

143 lines
2.1 KiB
SCSS
Raw Normal View History

2019-05-09 17:22:09 +02:00
.gray-container {
letter-spacing: 5px;
color: #aaaaaa;
}
2019-05-09 17:22:09 +02:00
.container-header {
display: flex;
align-items: baseline;
margin-top: 0px;
text-transform: uppercase;
}
.about-item {
display: flex;
flex-wrap: wrap;
2019-05-09 17:22:09 +02:00
}
.about-item h4 {
font-size: 1rem;
line-height: 1.25em;
font-weight: 500;
}
2019-05-09 17:22:09 +02:00
.about-item .length {
2019-09-19 12:00:00 +02:00
color: #00b29f;
2019-10-23 17:36:29 +02:00
// color: #089dbb;
2019-05-09 17:22:09 +02:00
}
.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;
}
2019-10-30 17:15:16 +01:00
.custom-published-icon {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #08bd6342;
margin-top: 3px;
}
.published-icon {
2019-09-19 12:00:00 +02:00
color: #08bd63;
2019-10-30 17:15:16 +01:00
font-size: 12px;
margin-left: 4px;
padding-bottom: 7px;
// padding-top: 2px;
// padding-left: 4px;
2019-09-19 12:00:00 +02:00
// color: #92d050;
}
2019-10-30 17:15:16 +01:00
.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;
}
2019-10-23 17:36:29 +02:00
p {
color: #333333;
}
2019-10-30 17:15:16 +01:00
.description {
margin-bottom: 0.4em;
}
2019-05-09 17:22:09 +02:00
// .explore-dmp-listing-item {
// margin-top: 2em;
// margin-bottom: 2em;
// cursor: pointer;
// .title {
// color: black;
// }
// .grant-title {
2019-05-09 17:22:09 +02:00
// 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;
// }
// }