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.

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