.Hinweis-Container {
border: 1px solid red;
}
.Hinweis-Container--icon {
display: inline-flex;
width: 0;
height: 0;
font-size: 1em;
padding: 0.65em;
align-items: center;
justify-content: center;
border: 1px solid grey;
background-color: aqua;
margin-right: 6px;
}
.Hinweis-Container--Text-bordered {
display: inline-flex;
padding: 0.08em 3px;
align-items: center;
justify-content: center;
border: 1px solid grey;
background-color: blanchedalmond;
vertical-align: top;
min-height: 1em;
margin-right: 3px;
}
.Hinweis-Container--Text-unbordered {
display: inline-flex;
color: green;
padding: 0.08em;
align-items: center;
justify-content: center;
vertical-align: top;
min-height: 1em;
margin-right: 3px;
}
.Hinweis-Container__ausblenden, .Hinweis-Container--icon__ausblenden, .Hinweis-Container--Text-bordered__ausblenden, .Hinweis-Container--Text-unbordered__ausblenden, .Hinweis-Container span:empty {
display: none;
}
.Hinweis-Container__einblenden, .Hinweis-Container--icon__einblenden, .Hinweis-Container--Text-bordered__einblenden, .Hinweis-Container--Text-unbordered__einblenden {
display: inline-flex;
}
.Hinweis-Container__einblenden__block {
display: flex;
}
.nop {
margin: 0;
display: inline-flex;
}
.em1 {
font-size: 1em;
}
.em2 {
font-size: 2em;
}
.em3 {
font-size: 3em;
}
.d-flex {
display: flex;
}
.display__inline-flex {
display: inline-flex;
}
.bc__r {
background-color: #d71e0b;
}
.bc__gr {
background-color: rgb(2,90,0);
}
.bc__g {
background-color: rgb(255,200,0);
}
.bc__b {
background-color: rgb(2,100,130);
}
.gelb {
background-color: #f0ad4e;;
}
.UTM.bc__rot, .UMA.bc__rot {
background-color: #ec7063;
}
.MS.bc__rot {
background-color: #E74C3C;
}
.UTM.bc__gruen, .UTM.bc__grün, .UMA.bc__gruen, .UMA.bc__grün {
background-color: #468847;
}
.MS.bc__gruen, .MS.bc__grün {
background-color: #2DCC71;
}
.font-color__white-l {
color: rgba(255, 255, 255, 0.9);
}
.font-color__grau-l {
color: rgba(0, 0, 0, 0.6);
}
.font-color__b {
color: rgb(2,100,130);
}
Vorlage:Hinweis3.css
Aus Securepoint Wiki