.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: 3px; } .Hinweis-Container--Text-bordered { display: inline-flex; padding: 0.08em; 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); } .UTM .bc-rot { background-color: #ec7063; } .MS .bc-rot { background-color: #E74C3C; }
Vorlage:Hinweis3.css
Aus Securepoint Wiki