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

69 lines
1.2 KiB
CSS
Raw Normal View History

.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;
}
2022-05-05 14:29:29 +02:00
.sdg-1 {
background-color: #E6233D !important;
}
.sdg-2 {
2022-05-05 14:29:29 +02:00
background-color: #DF9F00 !important;
}
.sdg-3 {
2022-05-05 14:29:29 +02:00
background-color: #19A220 !important;
}
.sdg-4 {
2022-05-05 14:29:29 +02:00
background-color: #D70023 !important;
}
.sdg-5 {
2022-05-05 14:29:29 +02:00
background-color: #FF0B00 !important;
}
.sdg-6 {
2022-05-05 14:29:29 +02:00
background-color: #00BFE8 !important;
}
.sdg-7 {
2022-05-05 14:29:29 +02:00
background-color: #FFC300 !important;
}
.sdg-8 {
2022-05-05 14:29:29 +02:00
background-color: #B10240 !important;
}
.sdg-9 {
2022-05-05 14:29:29 +02:00
background-color: #FF5D00 !important;
}
.sdg-10 {
2022-05-05 14:29:29 +02:00
background-color: #F50D86 !important;
}
.sdg-11 {
2022-05-05 14:29:29 +02:00
background-color: #FF8A00 !important;
}
.sdg-12 {
2022-05-05 14:29:29 +02:00
background-color: #CA8A03 !important;
}
.sdg-13 {
2022-05-05 14:29:29 +02:00
background-color: #2B772B !important;
}
.sdg-14 {
2022-05-05 14:29:29 +02:00
background-color: #0098DF !important;
}
.sdg-15 {
2022-05-05 14:29:29 +02:00
background-color: #00B91C !important;
}
.sdg-16 {
2022-05-05 14:29:29 +02:00
background-color: #0069A2 !important;
}
.sdg-17 {
2022-05-05 14:29:29 +02:00
background-color: #1C336A !important;
}