Merge pull request #966 from City-of-Helsinki/UHF-9348

UHF-9348: Add fix for image-placeholder size on content cards paragraph
City-of-Helsinki · Apr 18, 2024 · b9554b1 · b9554b1
2 parents 38297cf + 7093716
commit b9554b1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/scss/06_components/paragraphs/_content-cards.scss b/src/scss/06_components/paragraphs/_content-cards.scss
@@ -39,6 +39,11 @@ $-card-spacing: $spacing-and-half;
     @include image-defaults($width: 100%, $max-width: null);
     @include loading-image-background;
   }
+
+  .image-placeholder {
+    // Change the image placeholder aspect ratio from the the default 16/9 to ratio used by the paragraphs images.
+    aspect-ratio: 6 / 4;
+  }
 }
 
 .content-card__title {