Revision 6a559670
Von Werner Hahn vor etwa 1 Jahr hinzugefügt
| css/design40/style.css | ||
|---|---|---|
|
/* ------------------------------------------------------------- */
|
||
|
/* CUSTOM LESS STUFF (custom.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
.pos_content {
|
||
|
display: grid;
|
||
|
grid-column: repeat(12, 1fr);
|
||
|
grid-template-rows: repeat(12, fr);
|
||
|
grid-gap: 20px;
|
||
|
}
|
||
|
.container_pos_right {
|
||
|
display: grid;
|
||
|
grid-column: 3 / 6;
|
||
|
grid-row: 1 / 5;
|
||
|
grid-template-columns: repeat(9, 1fr);
|
||
|
grid-template-rows: repeat(6, fr);
|
||
|
grid-gap: 10px;
|
||
|
height: calc(50vh - 10px);
|
||
|
justify-self: center;
|
||
|
align-self: center;
|
||
|
}
|
||
|
.container_pos_left {
|
||
|
display: grid;
|
||
|
grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
|
||
|
grid-column: 1 / 9;
|
||
|
grid-row: 1 / 1;
|
||
|
grid-template-columns: repeat(3, 1fr);
|
||
|
grid-template-rows: repeat(6, fr);
|
||
|
grid-gap: 10px;
|
||
|
height: calc(50vh - 10px);
|
||
Auch abrufbar als: Unified diff
stylesheet - all grid