Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
(39 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
.Hinweis-Container {
.Hinweis-Container {
display: inline-flex;
/* border: 1px solid red; */
border: 1px solid red;
}
}


.Hinweis-Container--icon {
.Hinweis-Container--icon {
display: inline-flex;
display: inline-flex;
width: 0;  
min-width: 1.6em;  
height: 0;  
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;  
border: 1px solid grey;
}
background-color: aqua;
 
.margin-right-6px {
margin-right: 6px;
}
}


.Hinweis-Container--Text-bordered {
.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;
display: inline-flex;
padding: 0.08em;
padding: 0.08em;
align-items: center;
align-items: center;
justify-content: center;  
justify-content: center;  
border: 1px solid grey;
background-color: blanchedalmond;
vertical-align: top;
vertical-align: top;
min-height: 1em;
min-height: 1em;
/* padding: 0.65em; */
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;
}
}


.Hinweis-Container--Text-unbordered {
.display__inline-flex {
color: green;
display: inline-flex;
}
}

Version vom 27. Februar 2020, 09: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;
	}