KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 40: | Zeile 40: | ||
.Hinweis-Container__noborder { | .Hinweis-Container__noborder { | ||
border: 0; | |||
} | |||
.Hinweis-Container--Text__border { | |||
border: 5px solid green; | |||
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; | border: 0; | ||
} | } | ||
Version vom 13. Februar 2020, 14:32 Uhr
.Hinweis-Container {
/* border: 1px solid red; */
}
.Hinweis-Container--icon {
display: inline-flex;
width: 1.6em;
height: 1.6em;
font-size: 1em;
/* padding: 0.65em; */
align-items: center;
justify-content: center;
}
.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;
margin-left: 6px;
}
.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: 5px solid green;
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;
}
.Hinweis-Container__einblenden__block {
display: flex;
}
.d-flex {
display: flex;
}
.display__inline-flex {
display: inline-flex;
}