@total_onion/onion-library 2.0.194 → 2.0.195

package/components/block-scrolling-banner-v3/group_68e67fca1ec80.json

@@ -4,7 +4,7 @@
 	"fields": [
 		{
 			"key": "field_68e6822690986",
-			"label": "Banner Fields",
+			"label": "Banner Content",
 			"name": "",
 			"aria-label": "",
 			"type": "tab",
@@ -16,7 +16,6 @@
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
 			"placement": "top",
 			"endpoint": 0,
 			"no_preference": 0,
@@ -111,6 +110,25 @@
 				}
 			]
 		},
+		{
+			"key": "field_69601f0538ee5",
+			"label": "Banner Settings",
+			"name": "",
+			"aria-label": "",
+			"type": "tab",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"placement": "top",
+			"endpoint": 0,
+			"no_preference": 0,
+			"selected": 0
+		},
 		{
 			"key": "field_62647361727b8",
 			"label": "Scrolling Banner Speed",
@@ -121,7 +139,7 @@
 			"required": 0,
 			"conditional_logic": 0,
 			"wrapper": {
-				"width": "",
+				"width": "50",
 				"class": "",
 				"id": ""
 			},
@@ -133,6 +151,37 @@
 			"prepend": "",
 			"append": ""
 		},
+		{
+			"key": "field_65661d79b8b14",
+			"label": "Text Colour",
+			"name": "text_colour",
+			"aria-label": "",
+			"type": "color_picker",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "50",
+				"class": "",
+				"id": ""
+			},
+			"default_value": "#FFFFFF",
+			"enable_opacity": 1,
+			"return_format": "string",
+			"display": "default",
+			"button_label": "Select Color",
+			"color_picker": 1,
+			"absolute": 0,
+			"input": 1,
+			"allow_null": 1,
+			"theme_colors": 0,
+			"colors": [],
+			"allow_in_bindings": 1,
+			"show_custom_palette": 0,
+			"show_color_wheel": 1,
+			"custom_palette_source": "",
+			"palette_colors": ""
+		},
 		{
 			"key": "field_656601518b51f",
 			"label": "Font Size Desktop",
@@ -143,15 +192,14 @@
 			"required": 0,
 			"conditional_logic": 0,
 			"wrapper": {
-				"width": "",
+				"width": "33",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 32,
 			"min": "",
 			"max": 300,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
@@ -166,15 +214,14 @@
 			"required": 0,
 			"conditional_logic": 0,
 			"wrapper": {
-				"width": "",
+				"width": "34",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 24,
 			"min": "",
 			"max": 300,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
@@ -189,23 +236,22 @@
 			"required": 0,
 			"conditional_logic": 0,
 			"wrapper": {
-				"width": "",
+				"width": "33",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 16,
 			"min": "",
 			"max": 300,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
 		},
 		{
 			"key": "field_656612fd660a7",
-			"label": "Seperator As Image?",
-			"name": "seperator_as_image",
+			"label": "Separator As Image?",
+			"name": "separator_as_image",
 			"aria-label": "",
 			"type": "true_false",
 			"instructions": "",
@@ -216,15 +262,81 @@
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"message": "",
 			"default_value": 0,
+			"allow_in_bindings": 1,
 			"ui_on_text": "",
 			"ui_off_text": "",
 			"ui": 1,
 			"style": ""
 		},
+		{
+			"key": "field_69601f602ec52",
+			"label": "Separator image",
+			"name": "separator_image",
+			"aria-label": "",
+			"type": "image",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_656612fd660a7",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
+			"wrapper": {
+				"width": "50",
+				"class": "",
+				"id": ""
+			},
+			"uploader": "",
+			"return_format": "id",
+			"library": "all",
+			"upload_folder": "",
+			"acfe_thumbnail": 0,
+			"min_width": "",
+			"min_height": "",
+			"min_size": "",
+			"max_width": "",
+			"max_height": "",
+			"max_size": "",
+			"mime_types": "",
+			"allow_in_bindings": 0,
+			"preview_size": "medium"
+		},
+		{
+			"key": "field_696021d920c68",
+			"label": "Separator image width",
+			"name": "separator_image_width",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "in ems",
+			"required": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_656612fd660a7",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"default_value": "1.5",
+			"min": "0.1",
+			"max": 10,
+			"allow_in_bindings": 0,
+			"step": "0.1",
+			"prepend": "",
+			"append": ""
+		},
 		{
 			"key": "field_656615b26dfc2",
 			"label": "Positioning",
@@ -253,37 +365,6 @@
 			"layout": "vertical",
 			"save_other_choice": 0
 		},
-		{
-			"key": "field_65661d79b8b14",
-			"label": "Text Colour",
-			"name": "text_colour",
-			"aria-label": "",
-			"type": "color_picker",
-			"instructions": "",
-			"required": 0,
-			"conditional_logic": 0,
-			"wrapper": {
-				"width": "",
-				"class": "",
-				"id": ""
-			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
-			"default_value": "#FFFFFF",
-			"enable_opacity": 1,
-			"return_format": "string",
-			"display": "default",
-			"button_label": "Select Color",
-			"color_picker": true,
-			"absolute": false,
-			"input": true,
-			"allow_null": true,
-			"theme_colors": false,
-			"colors": [],
-			"custom_palette_source": "",
-			"palette_colors": "",
-			"show_color_wheel": true
-		},
 		{
 			"key": "field_65b7ac3ef1fea",
 			"label": "Enable Text Shadow",
@@ -315,17 +396,24 @@
 			"type": "range",
 			"instructions": "",
 			"required": 0,
-			"conditional_logic": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_65b7ac3ef1fea",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
 			"wrapper": {
 				"width": "",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 0,
 			"min": -40,
 			"max": 40,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
@@ -338,17 +426,24 @@
 			"type": "range",
 			"instructions": "",
 			"required": 0,
-			"conditional_logic": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_65b7ac3ef1fea",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
 			"wrapper": {
 				"width": "",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 0,
 			"min": -40,
 			"max": 40,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
@@ -361,17 +456,24 @@
 			"type": "range",
 			"instructions": "",
 			"required": 0,
-			"conditional_logic": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_65b7ac3ef1fea",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
 			"wrapper": {
 				"width": "",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": 0,
 			"min": 0,
 			"max": 20,
+			"allow_in_bindings": 1,
 			"step": "",
 			"prepend": "",
 			"append": ""
@@ -384,14 +486,20 @@
 			"type": "color_picker",
 			"instructions": "",
 			"required": 0,
-			"conditional_logic": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_65b7ac3ef1fea",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
 			"wrapper": {
 				"width": "",
 				"class": "",
 				"id": ""
 			},
-			"wpml_cf_preferences": 3,
-			"user_roles": ["all"],
 			"default_value": "rgba(255,255,255,0.5)",
 			"enable_opacity": 1,
 			"return_format": "string",
@@ -403,9 +511,11 @@
 			"allow_null": 1,
 			"theme_colors": 0,
 			"colors": [],
+			"allow_in_bindings": 1,
+			"show_custom_palette": 0,
+			"show_color_wheel": 1,
 			"custom_palette_source": "",
-			"palette_colors": "",
-			"show_color_wheel": true
+			"palette_colors": ""
 		},
 		{
 			"key": "field_68e67fca63368",
@@ -497,5 +607,5 @@
 	"acfe_display_title": "",
 	"acfe_meta": "",
 	"acfe_note": "",
-	"modified": 1767368506
+	"modified": 1767907938
 }

package/components/block-scrolling-banner-v3/scrolling-banner-v3.scss

@@ -48,10 +48,7 @@
 			align-items: center;
 			align-self: flex-start;
 			white-space: nowrap;
-			font-size: core-functions-v3.fontSize(
-				var(--text-size-mobile),
-				'mobile'
-			);
+			font-size: core-functions-v3.fontSize(var(--text-size-mobile));
 
 			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
 				font-size: core-functions-v3.fontSize(
@@ -95,6 +92,10 @@
 				border-radius: 50%;
 			}
 		}
+		&__separator--image {
+			width: var(--separator-image-width, 1.5em);
+			height: auto;
+		}
 
 		&--text-shadow {
 			@include core-mixins-v3.textShadow();

package/components/block-scrolling-banner-v3/scrolling-banner-v3.twig

@@ -15,13 +15,16 @@
 <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
 
 	{% set bannerSpeed = fields.scrolling_banner_speed %}
-	{% set imageSeperator = fields.seperator_as_image %}
+	{% set separatorAsImage = fields.separator_as_image %}
+	{% set separatorImage = get_image(fields.separator_image) %}
+	{% set separatorImageWidth = '--separator-image-width: ' ~ fields.separator_image_width ~ 'em;' %}
 	{% set positioning = '--position:' ~ fields.positioning|ru ~ ';' %}
 	{% set textSizeDesktop = '--text-size-desktop:' ~ fields.font_size_desktop ~ ';' %}
 	{% set textSizePortrait = '--text-size-portrait:' ~ fields.font_size_portrait ~ ';' %}
 	{% set textSizeMobile = '--text-size-mobile:' ~ fields.font_size_mobile ~ ';' %}
 	{% set textColour = '--banner-text-colour:' ~ fields.text_colour ~ ';' %}
-	{% set bannerTextStyles =  textSizeDesktop ~ textSizePortrait ~ textSizeMobile ~ positioning ~ textColour %}
+	{% set bannerTextStyles =  textSizeDesktop ~ textSizePortrait ~ textSizeMobile ~ positioning ~ textColour ~ separatorImageWidth %}
+
 
 	{% if fields.enable_text_shadow %}
 		{% set textShadowClassName = blockClassName ~ "--text-shadow" %}
@@ -40,7 +43,11 @@
 				<div class="{{blockClassName}}__container">
 					<div class="{{blockClassName}}__inner">
 						{% for item in fields.scrolling_banner_texts %}
-							<span class="{{blockClassName}}__separator"></span>
+							{% if separatorAsImage %}
+								<img class="{{blockClassName}}__separator {{blockClassName}}__separator--image" src="{{gt_image_mainsrc(separatorImage)}}">
+							{% else %}
+								<span class="{{blockClassName}}__separator"></span>
+							{% endif %}
 							{% set elementType = item.text_link ? 'a href="' ~ item.text_link.url ~ '"' : 'span' %}
 							<{{elementType}} class="{{blockClassName}}__text {{textShadowClassName}}">{{item.scrolling_banner_text}}</{{elementType}}>
 						{% endfor %}
@@ -50,3 +57,4 @@
 		</div>
 	{% endif %}
 </section>
+

package/components/fields-core-generic-v3/core-generic-v3.scss

@@ -3,295 +3,297 @@
 @use '../../breakpoints';
 
 @mixin coreGenericV3() {
-	/* Box sizing rules */
-	*,
-	*::before,
-	*::after {
-		box-sizing: border-box;
-	}
-
-	/* Remove default padding */
-	ul,
-	ol {
-		padding: 0;
-	}
-
-	/* Remove default margin */
-	body,
-	h1,
-	h2,
-	h3,
-	h4,
-	p,
-	ul,
-	ol,
-	li,
-	figure,
-	figcaption,
-	blockquote,
-	dl,
-	dd {
-		margin: 0;
-	}
-
-	/* Box sizing rules */
-	*,
-	*::before,
-	*::after {
-		box-sizing: border-box;
-	}
+	@layer base-styles {
+		/* Box sizing rules */
+		*,
+		*::before,
+		*::after {
+			box-sizing: border-box;
+		}
 
-	//***** TYPOGRAPHY *****\\
-	body {
-		// @include core-typography-mixins-v3.fontSecondary();
-	}
+		/* Remove default padding */
+		ul,
+		ol {
+			padding: 0;
+		}
 
-	// h1,
-	// h2,
-	// h3,
-	// h4,
-	// h5,
-	// h6 {
-	// 	margin: 0; //reset default margin
-	// 	font-weight: unset; //reset default font weight
-	// 	margin-top: unset;
-	// 	@include core-typography-mixins-v3.fontPrimary();
-	// }
-	.override-element-styles {
+		/* Remove default margin */
+		body,
 		h1,
 		h2,
 		h3,
 		h4,
-		h5,
-		h6 {
-			font-size: 0;
+		p,
+		ul,
+		ol,
+		li,
+		figure,
+		figcaption,
+		blockquote,
+		dl,
+		dd {
+			margin: 0;
 		}
-	}
 
-	.standard-content-box-wysiwyg-editor {
-		h1,
-		h2,
-		h3,
-		h4,
-		h5,
-		h6 {
-			margin-bottom: var(--heading-block-spacing);
+		/* Box sizing rules */
+		*,
+		*::before,
+		*::after {
+			box-sizing: border-box;
+		}
 
-			&:last-child {
-				margin-bottom: 0;
-			}
+		//***** TYPOGRAPHY *****\\
+		body {
+			// @include core-typography-mixins-v3.fontSecondary();
 		}
-		p {
-			margin-bottom: var(--paragraph-block-spacing);
 
-			&:last-child {
-				margin-bottom: 0;
+		// h1,
+		// h2,
+		// h3,
+		// h4,
+		// h5,
+		// h6 {
+		// 	margin: 0; //reset default margin
+		// 	font-weight: unset; //reset default font weight
+		// 	margin-top: unset;
+		// 	@include core-typography-mixins-v3.fontPrimary();
+		// }
+		.override-element-styles {
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				font-size: 0;
 			}
 		}
-	}
 
-	p {
-		margin: 0; //reset default margin
-		// @include core-typography-mixins-v3.p();
-	}
+		.standard-content-box-wysiwyg-editor {
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin-bottom: var(--heading-block-spacing);
+
+				&:last-child {
+					margin-bottom: 0;
+				}
+			}
+			p {
+				margin-bottom: var(--paragraph-block-spacing);
 
-	a {
-		text-decoration-skip-ink: auto;
-		color: var(--link-colour);
-		text-decoration: var(--link-decoration-style);
-		text-decoration-color: var(--link-decoration-colour);
+				&:last-child {
+					margin-bottom: 0;
+				}
+			}
+		}
 
-		strong,
-		b {
-			font-weight: var(--weight-bold);
+		p {
+			margin: 0; //reset default margin
+			// @include core-typography-mixins-v3.p();
 		}
 
-		&:hover {
-			cursor: pointer;
-			color: var(--link-colour-hover);
-			text-decoration: var(--link-decoration-style-hover);
-			text-decoration-color: var(--link-decoration-colour-hover);
+		a {
+			text-decoration-skip-ink: auto;
+			color: var(--link-colour);
+			text-decoration: var(--link-decoration-style);
+			text-decoration-color: var(--link-decoration-colour);
+
+			strong,
+			b {
+				font-weight: var(--weight-bold);
+			}
+
+			&:hover {
+				cursor: pointer;
+				color: var(--link-colour-hover);
+				text-decoration: var(--link-decoration-style-hover);
+				text-decoration-color: var(--link-decoration-colour-hover);
+			}
 		}
-	}
 
-	button {
-		&:focus {
-			// outline: none;
-			// appearance: none;
+		button {
+			&:focus {
+				// outline: none;
+				// appearance: none;
+			}
 		}
-	}
 
-	blockquote {
-		margin: 0; //reset default margin
-		quotes: '“' '”' '‘' '’';
-		font-weight: bold;
+		blockquote {
+			margin: 0; //reset default margin
+			quotes: '“' '”' '‘' '’';
+			font-weight: bold;
+
+			&::before {
+				content: open-quote;
+			}
 
-		&::before {
-			content: open-quote;
+			&::after {
+				content: close-quote;
+			}
 		}
 
-		&::after {
-			content: close-quote;
+		figure,
+		figcaption,
+		dl,
+		dd {
+			margin: 0;
 		}
-	}
 
-	figure,
-	figcaption,
-	dl,
-	dd {
-		margin: 0;
-	}
+		q {
+			&::before {
+				content: open-quote;
+			}
 
-	q {
-		&::before {
-			content: open-quote;
+			&::after {
+				content: close-quote;
+			}
 		}
 
-		&::after {
-			content: close-quote;
+		ol {
+			list-style-type: decimal;
 		}
-	}
-
-	ol {
-		list-style-type: decimal;
-	}
-	ul {
-		list-style-type: disc;
-	}
-	li {
-		// @include core-typography-mixins-v3.p();
-	}
-	ol,
-	ul {
-		padding: 0; //reset default padding
-		margin: 0; //reset default margin
-		// font-family: var(--secondary-font-family);
-		margin-bottom: var(--paragraph-block-spacing);
-		list-style-position: inside;
-		&:last-child {
-			margin-bottom: 0;
+		ul {
+			list-style-type: disc;
 		}
 		li {
-			margin-bottom: var(--list-item-block-spacing);
-			line-height: var(--list-item-line-height);
-			letter-spacing: var(--list-item-letter-spacing);
+			// @include core-typography-mixins-v3.p();
+		}
+		ol,
+		ul {
+			padding: 0; //reset default padding
+			margin: 0; //reset default margin
+			// font-family: var(--secondary-font-family);
+			margin-bottom: var(--paragraph-block-spacing);
+			list-style-position: inside;
 			&:last-child {
 				margin-bottom: 0;
 			}
+			li {
+				margin-bottom: var(--list-item-block-spacing);
+				line-height: var(--list-item-line-height);
+				letter-spacing: var(--list-item-letter-spacing);
+				&:last-child {
+					margin-bottom: 0;
+				}
+			}
 		}
-	}
 
-	html {
-		min-height: 100%;
-		// container-type: inline-size;
-		&.lock-position {
-			@include core-mixins-v3.lockPosition();
+		html {
+			min-height: 100%;
+			// container-type: inline-size;
+			&.lock-position {
+				@include core-mixins-v3.lockPosition();
+			}
 		}
-	}
 
-	.lazy-fade {
-		opacity: 0;
-	}
-	.loaded:not(.cmpl-block-animations) {
-		opacity: 1;
-	}
-
-	.js-enabled-hide {
-		display: none;
-	}
+		.lazy-fade {
+			opacity: 0;
+		}
+		.loaded:not(.cmpl-block-animations) {
+			opacity: 1;
+		}
 
-	body {
-		display: flex;
-		flex-direction: column;
-		scroll-behavior: smooth;
-		text-rendering: optimizeSpeed;
-		margin: 0; //reset default margin
-		padding: 0; //reset default padding
-		height: auto;
-		min-height: 100vh;
-		position: relative;
-		background: var(--body-background-colour);
-		--default-text-colour-mobile: var(--theme-primary-text-colour);
-		color: var(--default-text-colour-mobile);
-
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
-			--default-text-colour-desktop: var(--theme-primary-text-colour);
-			color: var(--default-text-colour-desktop);
+		.js-enabled-hide {
+			display: none;
 		}
 
-		&.lock-position {
-			@include core-mixins-v3.lockPosition();
+		body {
+			display: flex;
+			flex-direction: column;
+			scroll-behavior: smooth;
+			text-rendering: optimizeSpeed;
+			margin: 0; //reset default margin
+			padding: 0; //reset default padding
+			height: auto;
+			min-height: 100vh;
+			position: relative;
+			background: var(--body-background-colour);
+			--default-text-colour-mobile: var(--theme-primary-text-colour);
+			color: var(--default-text-colour-mobile);
+
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				--default-text-colour-desktop: var(--theme-primary-text-colour);
+				color: var(--default-text-colour-desktop);
+			}
+
+			&.lock-position {
+				@include core-mixins-v3.lockPosition();
+			}
+
+			&.hide-nav {
+				.site-header {
+					display: none;
+				}
+			}
 		}
 
-		&.hide-nav {
-			.site-header {
-				display: none;
+		.body-container-background-image,
+		.page-container-background-image {
+			&__picture {
+				height: 100%;
+				position: var(--body-background-image-position-type);
+				inset: 0;
+			}
+
+			&__image {
+				height: 100%;
+				object-fit: var(--body-background-image-fit);
+				object-position: var(--body-background-image-position);
 			}
 		}
-	}
 
-	.body-container-background-image,
-	.page-container-background-image {
-		&__picture {
-			height: 100%;
-			position: var(--body-background-image-position-type);
+		.body-container-background-video {
+			position: fixed;
+			object-fit: cover;
 			inset: 0;
+			width: 100%;
 		}
 
-		&__image {
-			height: 100%;
-			object-fit: var(--body-background-image-fit);
-			object-position: var(--body-background-image-position);
+		img {
+			width: 100%;
+			height: auto;
+			display: block;
 		}
-	}
 
-	.body-container-background-video {
-		position: fixed;
-		object-fit: cover;
-		inset: 0;
-		width: 100%;
-	}
-
-	img {
-		width: 100%;
-		height: auto;
-		display: block;
-	}
-
-	main {
-		height: auto;
-		width: 100%;
-		max-width: var(--global-content-max-width-main);
-		margin-inline: auto;
-		background-image: var(--main-container-background-image);
-		background-repeat: repeat;
-	}
+		main {
+			height: auto;
+			width: 100%;
+			max-width: var(--global-content-max-width-main);
+			margin-inline: auto;
+			background-image: var(--main-container-background-image);
+			background-repeat: repeat;
+		}
 
-	header,
-	footer,
-	section {
-		width: 100%;
-		max-width: 100%;
-	}
-	section[data-assetkey] {
-		// container-type: inline-size;
-	}
-	.site-footer-block {
-		margin-top: auto;
-	}
-	.grecaptcha-badge {
-		z-index: 50;
-		bottom: 0 !important;
-	}
+		header,
+		footer,
+		section {
+			width: 100%;
+			max-width: 100%;
+		}
+		section[data-assetkey] {
+			// container-type: inline-size;
+		}
+		.site-footer-block {
+			margin-top: auto;
+		}
+		.grecaptcha-badge {
+			z-index: 50;
+			bottom: 0 !important;
+		}
 
-	/* Remove all animations and transitions for people that prefer not to see them */
-	@media (prefers-reduced-motion: reduce) {
-		* {
-			animation-duration: 0.01ms !important;
-			animation-iteration-count: 1 !important;
-			transition-duration: 0.01ms !important;
-			scroll-behavior: auto !important;
-			transition: 0.01ms !important;
+		/* Remove all animations and transitions for people that prefer not to see them */
+		@media (prefers-reduced-motion: reduce) {
+			* {
+				animation-duration: 0.01ms !important;
+				animation-iteration-count: 1 !important;
+				transition-duration: 0.01ms !important;
+				scroll-behavior: auto !important;
+				transition: 0.01ms !important;
+			}
 		}
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.194",
+	"version": "2.0.195",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {