U bekijkt een oudere versie van deze pagina. Terug naar de laatste versie.
(Replaced content with "→Korrektur der Darstellung von Tokens-Input-Feldern: .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens { margin: 0 0 0 0!important; }") (Label: Vervangen) |
(added flexbox styles) |
/* Korrektur der Darstellung von Tokens-Input-Feldern */ .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
.tcontainer {
display: flex;
flex-wrap: wrap;
}
.tcontainer > * {
flex: 1 1 calc(280px + 1em); /* 1em margin als Spaltenabstand berücksichtigt, calc() nicht notwendig */
} .tcard {
display: flex;
flex-wrap: wrap;
background: silver;
}
.tcard > * {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 280px;
}
.media {
background: black;
min-height: 280px;
}
/* Korrektur der Darstellung von Tokens-Input-Feldern */
.inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
.tcontainer {
display: flex;
flex-wrap: wrap;
}
.tcontainer > * {
flex: 1 1 calc(280px + 1em); /* 1em margin als Spaltenabstand berücksichtigt, calc() nicht notwendig */
}
.tcard {
display: flex;
flex-wrap: wrap;
background: silver;
}
.tcard > * {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 280px;
}
.media {
background: black;
min-height: 280px;
}| Regel 2: | Regel 2: | ||
.inputSpan > .pfTokens > ul, .inputSpan > .pfTokens { | .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens { | ||
margin: 0 0 0 0!important; | margin: 0 0 0 0!important; | ||
| + | } | ||
| + | |||
| + | .tcontainer { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | |||
| + | .tcontainer > * { | ||
| + | flex: 1 1 calc(280px + 1em); /* 1em margin als Spaltenabstand berücksichtigt, calc() nicht notwendig */ | ||
| + | } | ||
| + | .tcard { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | background: silver; | ||
| + | } | ||
| + | |||
| + | .tcard > * { | ||
| + | flex-grow: 1; | ||
| + | flex-shrink: 1; | ||
| + | flex-basis: 280px; | ||
| + | } | ||
| + | |||
| + | .media { | ||
| + | background: black; | ||
| + | min-height: 280px; | ||
} | } | ||