KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(29 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
.Hinweis-Container { | .Hinweis-Container { | ||
border: 1px solid red; | /* border: 1px solid red; */ | ||
} | } | ||
.Hinweis-Container--icon { | .Hinweis-Container--icon { | ||
display: inline-flex; | display: inline-flex; | ||
width: | min-width: 1.6em; | ||
height: | height: 1.6em; | ||
font-size: 1em; | font-size: 1em; | ||
padding: 0.65em; | /* padding: 0.65em; */ | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | |||
margin-right: | .margin-right-6px { | ||
margin-right: 6px; | |||
} | } | ||
.Hinweis-Container--Text-bordered { | .Hinweis-Container--Text-bordered { | ||
display: inline-flex; | display: inline-flex; | ||
padding: 0.08em; | padding: 0.08em 3px; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
vertical-align: top; | vertical-align: top; | ||
min-height: 1em; | min-height: 1em; | ||
margin-right: 3px; | |||
} | } | ||
.Hinweis-Container--Text-unbordered { | .Hinweis-Container--Text-unbordered { | ||
display: inline-flex; | display: inline-flex; | ||
padding: 0.08em; | |||
margin- | align-items: center; | ||
justify-content: center; | |||
vertical-align: top; | |||
min-height: 1em; | |||
margin-right: 3px; | |||
} | } | ||
.Hinweis-Container__ausblenden { | .Hinweis-Container__border { | ||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | |||
.Hinweis-Container__noborder { | |||
border: 0; | |||
} | |||
.Hinweis-Container--Text__border { | |||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | |||
.Hinweis-Container--Text__noborder { | |||
border: 0; | |||
} | |||
.Hinweis-Container--Icon__border { | |||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | |||
.Hinweis-Container--Icon__noborder { | |||
border: 0; | |||
} | |||
.Hinweis-Container__ausblenden, | |||
.Hinweis-Container--icon__ausblenden, | |||
.Hinweis-Container--Text-bordered__ausblenden, | |||
.Hinweis-Container--Text-unbordered__ausblenden, | |||
.Hinweis-Container span:empty { | |||
display: none; | display: none; | ||
} | } | ||
.Hinweis-Container__einblenden { | .Hinweis-Container__einblenden, | ||
.Hinweis-Container--icon__einblenden, | |||
.Hinweis-Container--Text-bordered__einblenden, | |||
.Hinweis-Container--Text-unbordered__einblenden { | |||
display: inline-flex; | display: inline-flex; | ||
} | } | ||
. | li:first-child .Hinweis-Container.Hinweis-Container__einblenden { | ||
vertical-align: top; | |||
. | |||
} | } | ||
. | .Hinweis-Container__einblenden__block { | ||
display: flex; | |||
} | } | ||
Version vom 27. Februar 2020, 10:14 Uhr
.Hinweis-Container { /* border: 1px solid red; */ } .Hinweis-Container--icon { display: inline-flex; min-width: 1.6em; height: 1.6em; font-size: 1em; /* padding: 0.65em; */ align-items: center; justify-content: center; } .margin-right-6px { margin-right: 6px; } .Hinweis-Container--Text-bordered { display: inline-flex; padding: 0.08em 3px; align-items: center; justify-content: center; vertical-align: top; min-height: 1em; margin-right: 3px; } .Hinweis-Container--Text-unbordered { display: inline-flex; padding: 0.08em; align-items: center; justify-content: center; vertical-align: top; min-height: 1em; margin-right: 3px; } .Hinweis-Container__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container__noborder { border: 0; } .Hinweis-Container--Text__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container--Text__noborder { border: 0; } .Hinweis-Container--Icon__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container--Icon__noborder { border: 0; } .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; } li:first-child .Hinweis-Container.Hinweis-Container__einblenden { vertical-align: top; } .Hinweis-Container__einblenden__block { display: flex; } .d-flex { display: flex; } .display__inline-flex { display: inline-flex; }