rename two-columns, add three-columns
This commit is contained in:
parent
5bc6226090
commit
552a1b86e7
2 changed files with 8 additions and 3 deletions
|
@ -109,7 +109,7 @@
|
||||||
Oliver Ruhm <span class="company">Zeughaus GmbH</span>
|
Oliver Ruhm <span class="company">Zeughaus GmbH</span>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="horizontal two-column wrap">
|
<div class="horizontal two-columns wrap">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h3>ID</h3>
|
<h3>ID</h3>
|
||||||
<div class="contain-text">#10009</div>
|
<div class="contain-text">#10009</div>
|
||||||
|
|
|
@ -185,13 +185,18 @@ body.fit {
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.two-column {
|
.two-columns,
|
||||||
|
.three-columns {
|
||||||
-ms-box-lines: multiple;
|
-ms-box-lines: multiple;
|
||||||
-moz-flex-wrap: wrap;
|
-moz-flex-wrap: wrap;
|
||||||
-webkit-flex-wrap: wrap;
|
-webkit-flex-wrap: wrap;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.two-column > .column {
|
.two-columns > .column {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.three-columns > .column {
|
||||||
|
width: 33.33%;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue