Revision 6a559670
Von Werner Hahn vor 5 Monaten hinzugefügt
css/design40/style.css | ||
---|---|---|
7949 | 7949 |
/* ------------------------------------------------------------- */ |
7950 | 7950 |
/* CUSTOM LESS STUFF (custom.less) */ |
7951 | 7951 |
/* ------------------------------------------------------------- */ |
7952 |
.pos_content { |
|
7953 |
display: grid; |
|
7954 |
grid-column: repeat(12, 1fr); |
|
7955 |
grid-template-rows: repeat(12, fr); |
|
7956 |
grid-gap: 20px; |
|
7957 |
} |
|
7958 |
.container_pos_right { |
|
7959 |
display: grid; |
|
7960 |
grid-column: 3 / 6; |
|
7961 |
grid-row: 1 / 5; |
|
7962 |
grid-template-columns: repeat(9, 1fr); |
|
7963 |
grid-template-rows: repeat(6, fr); |
|
7964 |
grid-gap: 10px; |
|
7965 |
height: calc(50vh - 10px); |
|
7966 |
justify-self: center; |
|
7967 |
align-self: center; |
|
7968 |
} |
|
7952 | 7969 |
.container_pos_left { |
7953 | 7970 |
display: grid; |
7954 |
grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); |
|
7971 |
grid-column: 1 / 9; |
|
7972 |
grid-row: 1 / 1; |
|
7973 |
grid-template-columns: repeat(3, 1fr); |
|
7955 | 7974 |
grid-template-rows: repeat(6, fr); |
7956 | 7975 |
grid-gap: 10px; |
7957 | 7976 |
height: calc(50vh - 10px); |
Auch abrufbar als: Unified diff
stylesheet - all grid