.my-forschung {
background-color: lighten($green, 20%); => $green: #cbd96b; // RGB: 203/217/107
}
.my-mensch {
background-color: lighten($purple, 20%); => $purple: #a998c9; // RGB: 169/152/201
}
.my-modelle {
background-color: lighten($teal, 20%); => $teal: #5fbfb9; // RGB: 95/191/185
}
.my-normen {
background-color: lighten($sky-blue, 15%); => $sky-blue: #a2d0f1; // RGB: 162/208/241
}
.my-fabrik {
background-color: lighten($grey, 20%); => $grey: #c6c6c6; // RGB: 198/198/198
}
.my-qualifikation {
background-color: lighten($orange, 20%); => $orange: #f39232; // RGB: 243/146/50
}
.my-region {
background-color: lighten($at-blue, 20%); => $at-blue: #8ab9d5; // RGB: 138/185/213
}
.my-security {
background-color: lighten($red, 20%); => $red:#db674c; // RGB: 219/103/76
}
.my-logistik {
background-color: lighten($brown, 20%); => $brown:#d7b259; // RGB: 215/178/89
}
.my-aiproduktion {
background-color: lighten($prodgreen, 20%); => $prodgreen: #7fcab1; // RGB: 127/202/177 /*fuer Darstellung von KI in der Produktion, added MF 25.11.2020 */
background-color: lighten($prodgreen, 20%); => $prodgreen: #7fcab1; // RGB: 127/202/177 /*fuer Darstellung von KI in der Produktion, added MF 25.11.2020 */
}
Bilder Klassen
projekt-logo5px =>padding:5px;
projekt-logo10px => padding:10px;
projekt-logo20px =>padding:20px;