Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 6a559670

Von Werner Hahn vor 5 Monaten hinzugefügt

  • ID 6a5596702b93b01cd8bbc0683cbe874b23f1c67a
  • Vorgänger 7ceef471
  • Nachfolger 9bace48d

stylesheet - all grid

Unterschiede anzeigen:

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