You are viewing an old version of this page. Return to the latest version.
(added flexbox styles) |
m |
/* 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;
}| Line 9: | Line 9: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
.tcard { | .tcard { | ||
display: flex; | display: flex; | ||