diff --git a/src/assets/css/blocks/grid-list.css b/src/assets/css/blocks/grid-list.css index 9db54ce..0e48865 100644 --- a/src/assets/css/blocks/grid-list.css +++ b/src/assets/css/blocks/grid-list.css @@ -1,8 +1,11 @@ .block-grid-list{ - container-type: inline-size; &:not([class*="spacing-"]){ @apply mb-sm md:mb-base; } + &__container{ + container-type: inline-size; + container-name: gridlist; + } &__inner{ @apply grid lg:grid-cols-2 xl:grid-cols-4 gap-x-[calc(var(--grid-gutter)*2)] gap-y-xs md:gap-y-sm; > div{ @@ -31,20 +34,20 @@ } } -@container (min-width: 35rem){ +@container grid-list (min-width: 35rem){ .block-grid-list__inner{ - @apply md:grid-cols-2; + @apply grid-cols-2; } } -@container (min-width: 56rem) { +@container grid-list (min-width: 56rem) { .block-grid-list__inner{ - @apply lg:grid-cols-3; + @apply grid-cols-3; } } @container (min-width: 62rem) { .block-grid-list__inner{ - @apply xl:grid-cols-4; + @apply grid-cols-4; } } \ No newline at end of file diff --git a/src/blocks/grid-list.twig b/src/blocks/grid-list.twig index 4984754..91d164e 100644 --- a/src/blocks/grid-list.twig +++ b/src/blocks/grid-list.twig @@ -1,10 +1,12 @@
-
- {% for item in block.content.items %} -
-

{{item.label}}

-

{{item.text}}

-
- {% endfor %} +
+
+ {% for item in block.content.items %} +
+

{{item.label}}

+

{{item.text}}

+
+ {% endfor %} +
\ No newline at end of file