explore-services/explore/src/app/sdg/sdg.component.css

69 lines
1002 B
CSS

.custom-sdg-dot:after {
content: "";
background-image: url(../../assets/explore-assets/sdg-dot-img.svg);
display: inline-block;
background-size: 100% 100%;
height: 18px;
width: 18px;
margin-left: 10px;
}
.sdg-card {
color: #F9F9F9 !important;
width: 265px;
height: 235px;
}
.sdg-card img {
height: 40px;
width: auto;
}
.sdg-1 {
background-color: #E6233D;
}
.sdg-2 {
background-color: #DF9F00;
}
.sdg-3 {
background-color: #19A220;
}
.sdg-4 {
background-color: #D70023;
}
.sdg-5 {
background-color: #FF0B00;
}
.sdg-6 {
background-color: #00BFE8;
}
.sdg-7 {
background-color: #FFC300;
}
.sdg-8 {
background-color: #B10240;
}
.sdg-9 {
background-color: #FF5D00;
}
.sdg-10 {
background-color: #F50D86;
}
.sdg-11 {
background-color: #FF8A00;
}
.sdg-12 {
background-color: #CA8A03;
}
.sdg-13 {
background-color: #2B772B;
}
.sdg-14 {
background-color: #0098DF;
}
.sdg-15 {
background-color: #00B91C;
}
.sdg-16 {
background-color: #0069A2;
}
.sdg-17 {
background-color: #1C336A;
}