feat: case-media-gallery--wide — 4 колонки, выход за колонку как у case-media--wide
This commit is contained in:
1 parent
bd9b749a10
commit
a43aaa5e22
3 files changed
+12
-4
No files matched your search
@@ -212,9 +212,9 @@
|
||||
|
||||
<h3>Галерея: сетка на ширину страницы с боковыми отступами</h3>
|
||||
<p class="section__prose">
|
||||
Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь две колонки на широком экране (<code>--case-gallery-cols: 2</code>).
|
||||
Класс <code>case-media-gallery--wide</code> — та же логика выхода за колонку, что у одиночного <code>case-media--wide</code>. Здесь четыре колонки на широком экране (<code>--case-gallery-cols: 4</code>).
|
||||
</p>
|
||||
<figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 2">
|
||||
<figure class="case-media case-media-gallery case-media-gallery--wide" style="--case-gallery-cols: 4">
|
||||
<div class="case-media-gallery__grid">
|
||||
<div class="case-media-gallery__item">
|
||||
<img src="{{assetPrefix}}assets/template-elements-demo/small-image-1.webp" alt="Wide-сетка, кадр 1" loading="lazy" decoding="async" data-image-viewer />
|
||||
|
||||
Reference in new issue
Block a user