diff --git a/.tool-versions b/.tool-versions new file mode 100644 index 0000000..c15dc81 --- /dev/null +++ b/.tool-versions @@ -0,0 +1 @@ +nodejs 22.18.0 \ No newline at end of file diff --git a/assets/call-to-action.css b/assets/call-to-action.css index 14b6516..0770733 100644 --- a/assets/call-to-action.css +++ b/assets/call-to-action.css @@ -1,6 +1,5 @@ .cta { position: relative; - overflow: hidden; } .cta__wrapper { diff --git a/assets/carousel.css b/assets/carousel.css index 24f2f56..1400570 100644 --- a/assets/carousel.css +++ b/assets/carousel.css @@ -1,9 +1,13 @@ .carousel { height: 100%; position: relative; - contain: content; /* Performance: Reduces the scope of layout recalculations */ margin: 0 calc(-1 * var(--horizontal-padding)); width: calc(100% + 2 * var(--horizontal-padding)); + contain: content; /* Performance: Reduces the scope of layout recalculations */ +} + +.carousel .carousel__list .block-frame .block-frame__buttons { + transform: translateX(-50%) !important; } .carousel__wrapper { diff --git a/assets/collections.css b/assets/collections.css index 211bf0c..1562992 100644 --- a/assets/collections.css +++ b/assets/collections.css @@ -26,7 +26,6 @@ .collections__item { height: 100%; position: relative; - overflow: hidden; border-radius: var(--border-radius-block-rounded); } @@ -73,6 +72,7 @@ .collections__image-item { display: block; position: absolute; + overflow: hidden; inset: 0; } diff --git a/assets/critical.css b/assets/critical.css index 3880bf0..153c0bb 100644 --- a/assets/critical.css +++ b/assets/critical.css @@ -292,7 +292,6 @@ img { /* Critical Images section styles */ .images__wrapper { height: 100%; - overflow: hidden; position: relative; display: flex; align-items: stretch; diff --git a/assets/mosaic.css b/assets/mosaic.css index b7080f8..7ab4686 100644 --- a/assets/mosaic.css +++ b/assets/mosaic.css @@ -14,7 +14,6 @@ .mosaic__item { padding: 15px; border: 1px solid transparent; - overflow: hidden; margin: 0 0 30px; border-radius: var(--border-radius-block-rounded); contain: layout; @@ -57,37 +56,39 @@ .mosaic__image { max-height: 50px; + min-width: 40px; width: auto; border-radius: var(--border-radius-block-rounded); } -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child, -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child { +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image, +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col.no-image, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col.no-image { margin: 0; width: 100%; -} - -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child .mosaic__image-wrapper, -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child .mosaic__image-wrapper { aspect-ratio: 1 / 0.76; - width: 100%; } -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child .mosaic__image-wrapper:has(.mosaic__image-placeholder), -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child .mosaic__image-wrapper:has(.mosaic__image-placeholder) { +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image .mosaic__image-wrapper, +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col.no-image .mosaic__image-wrapper, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image .mosaic__image-wrapper, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col.no-image .mosaic__image-wrapper { width: 100%; + height: 100%; } -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child.no-image, -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child.no-image, -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image, -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image { - aspect-ratio: 1 / 0.76; - height: auto; +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image .mosaic__image-wrapper:has(.mosaic__image-placeholder), +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col.no-image .mosaic__image-wrapper:has(.mosaic__image-placeholder), +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image .mosaic__image-wrapper:has(.mosaic__image-placeholder), +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col.no-image .mosaic__image-wrapper:has(.mosaic__image-placeholder) { + width: 100%; } -.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child .mosaic__image, -.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child .mosaic__image { +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image .mosaic__image, +.mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col.no-image .mosaic__image, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image .mosaic__image, +.mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col.no-image .mosaic__image { width: 100%; height: 100%; object-fit: cover; @@ -309,24 +310,12 @@ align-items: center; } - .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child, - .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child { + .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image, + .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col.no-image, + .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image, + .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col.no-image { aspect-ratio: 1 / 1.3; width: 53%; - height: 100%; - } - - .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child .mosaic__image-wrapper, - .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child .mosaic__image-wrapper { - aspect-ratio: auto; - height: 100%; - } - - .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col:first-child.no-image, - .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col:first-child.no-image, - .mosaic__list-left .mosaic__item:nth-child(3n + 1) .mosaic__item-col--image, - .mosaic__list-right .mosaic__item:nth-child(3n) .mosaic__item-col--image { - height: 100%; } .mosaic__item-col--image, diff --git a/assets/numbered-blocks.css b/assets/numbered-blocks.css index 67fe343..13875e8 100644 --- a/assets/numbered-blocks.css +++ b/assets/numbered-blocks.css @@ -28,7 +28,6 @@ border: 1px solid transparent; border-top: none; border-radius: var(--border-radius-block-rounded); - overflow: hidden; } .numbered-blocks__item-col:last-child:not(:only-child) { diff --git a/sections/columns.liquid b/sections/columns.liquid index 25b24bb..3853d01 100644 --- a/sections/columns.liquid +++ b/sections/columns.liquid @@ -82,7 +82,7 @@ {%- assign button_url = block.settings.button_url -%} {%- assign button_style = block.settings.button_style -%} -
+
{%- if image.url != blank -%}
{%- render 'image', diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid index 307f2d2..85a11a4 100644 --- a/sections/contact-form.liquid +++ b/sections/contact-form.liquid @@ -162,6 +162,8 @@ class="contact-form__holder{% if image == blank %} no-image{% endif %}" style="{{- image_variables | escape -}}" id="{{- block.id -}}" + data-block-key="{{ block.id }}" + data-block-name="{{ block.name }}" > {%- if image.url != blank -%}
@@ -183,6 +185,8 @@ class="contact-form__content" style="{{- text_variables | escape -}}" id="{{- block.id -}}" + data-block-key="{{ block.id }}" + data-block-name="{{ block.name }}" > {%- if heading != blank -%}

{{- heading -}}

diff --git a/sections/images.liquid b/sections/images.liquid index 37fdcf2..7981d49 100644 --- a/sections/images.liquid +++ b/sections/images.liquid @@ -335,8 +335,10 @@ {% comment %} CSS variables end {% endcomment %} {%- if carousel -%} -