KAW-7711-image-center variant

Netcentric · Aug 2, 2024 · 057032d · 057032d
1 parent 5e1cb38
commit 057032d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/blocks/image/image.css b/blocks/image/image.css
@@ -2,7 +2,11 @@
   display: flex;
 }
 
-.block.image img {
+.block.image img:not(.image--center img) {
   width: 100%;
   object-fit: cover;
 }
+
+.image--center picture {
+  justify-content: center;
+}
diff --git a/blocks/image/image.js b/blocks/image/image.js
@@ -1,3 +1,8 @@
-export default async function decorate() {
-  // JS code
+import { variantsClassesToBEM } from '../../scripts/scripts.js';
+
+const variantClasses = ['center'];
+const blockName = 'image';
+
+export default async function decorate(block) {
+  variantsClassesToBEM(block.classList, variantClasses, blockName);
 }