MediaWiki:Zum grid.css: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
(Die Seite wurde neu angelegt: „@container (width > 30em) { .zum-row { display: grid; grid-template-columns: repeat(12, 1fr); } }“) |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(12, 1fr); | grid-template-columns: repeat(12, 1fr); | ||
grid-template-rows: 1fr auto; | |||
column-gap: 0.75rem; | |||
} | } | ||
.zum-grid-1-4, .zum-grid-3-12 { | |||
grid-column: auto / span 3; | |||
} | |||
.zum-grid-1-3, .zum-grid-4-12 { | |||
grid-column: auto / span 4; | |||
} | |||
.zum-grid-2-3, .zum-grid-8-12 { | |||
grid-column: auto / span 8; | |||
} | |||
.zum-grid-1-2, .zum-grid-6-12 { | |||
grid-column: auto / span 6; | |||
} | |||
.zum-grid-3-4, .zum-grid-9-12 { | |||
grid-column: auto / span 9; | |||
} | |||
} | } | ||
Version vom 3. Mai 2024, 22:40 Uhr
@container (width > 30em) {
.zum-row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr auto;
column-gap: 0.75rem;
}
.zum-grid-1-4, .zum-grid-3-12 {
grid-column: auto / span 3;
}
.zum-grid-1-3, .zum-grid-4-12 {
grid-column: auto / span 4;
}
.zum-grid-2-3, .zum-grid-8-12 {
grid-column: auto / span 8;
}
.zum-grid-1-2, .zum-grid-6-12 {
grid-column: auto / span 6;
}
.zum-grid-3-4, .zum-grid-9-12 {
grid-column: auto / span 9;
}
}
