Revision 6a559670
Von Werner Hahn vor 5 Monaten hinzugefügt
css/design40/less/custom.less | ||
---|---|---|
23 | 23 |
// ********************************** |
24 | 24 |
// MY SPECIAL CLASS |
25 | 25 |
// ********************************** |
26 |
.pos_content{ |
|
27 |
display: grid; |
|
28 |
grid-column: repeat(12, 1fr); |
|
29 |
grid-template-rows: repeat(12,fr); |
|
30 |
grid-gap: 20px; |
|
31 |
} |
|
32 |
|
|
33 |
.container_pos_right{ |
|
34 |
display: grid; |
|
35 |
grid-column: 3 / 6; |
|
36 |
grid-row: 1 /5; |
|
37 |
grid-template-columns: repeat(9, 1fr); |
|
38 |
grid-template-rows: repeat(6, fr); |
|
39 |
grid-gap: 10px; |
|
40 |
height: calc(50vh - 10px); |
|
41 |
justify-self: center; |
|
42 |
align-self: center; |
|
43 |
} |
|
44 |
|
|
26 | 45 |
.container_pos_left{ |
27 | 46 |
display: grid; |
28 |
grid-template-columns: repeat(auto-fill, minmax(min(23%, 100%), 1fr)); |
|
47 |
grid-column: 1 / 9; |
|
48 |
grid-row: 1 /1; |
|
49 |
grid-template-columns: repeat(3, 1fr); |
|
29 | 50 |
grid-template-rows: repeat(6, fr); |
30 | 51 |
grid-gap: 10px; |
31 | 52 |
height: calc(50vh - 10px); |
Auch abrufbar als: Unified diff
stylesheet - all grid