Bilder Galerie
Die Galerie ist über das Grid-System verbunden. Abstände werden daher über die $grid-gap (mehr) definiert.
Auch hier kann der Hover-Effekt unabhängig vom Bild de- und aktiviert werden. Dies passiert über die $gallery-link-effect (mehr) Variable.
Bilder Galerie Responsiv
Damit die Galerie auf allen Geräten verhältnismäßig angezeigt wird, ist in der elements/images.scss folgende Staffelung definiert:
| Spalten im Galerie-Element | Desktop Spalten | Tablet Spalten | Smartphone Spalten |
|---|---|---|---|
| 2 | 2 | 2 | 1 |
| 3 | 3 | 3 | 1 |
| 4 | 4 | 2 | 2 |
| 5 | 5 | 3 | 2 |
| 6 | 6 | 3 | 2 |
| 7 | 7 | 4 | 3 |
| 8 | 8 | 4 | 3 |
| 9 | 9 | 5 | 3 |
| 10 | 10 | 5 | 3 |
| 11 | 11 | 6 | 3 |
| 12 | 12 | 6 | 3 |
