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