Only add vertical rythm to image class, not to img element.

Pworz · Nov 25, 2023 · 6bee338 · 6bee338
1 parent d95bf6d
commit 6bee338
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/assets/sass/base/images/_images.scss b/assets/sass/base/images/_images.scss
@@ -2,9 +2,6 @@
 
 figure,
 img {
-  // Add vertical rhythm margins.
-  @include margin-block(0 1);
-
   &.image {
     --image-padding: .75rem;
 
@@ -33,13 +30,8 @@ img {
 }
 
 figure {
-  // Remove defult inline margins.
-  @include margin-inline(0);
-
-  // Remove margin from img inside figure.
-  img {
-    margin: 0;
-  }
+  // Add vertical rhythm margins.
+  @include margin-block(0 1);
 
   &.image {
     figcaption {
@@ -81,3 +73,10 @@ figure {
     }
   }
 }
+
+img {
+  &.image {
+    // Add vertical rhythm margins.
+    @include margin-block(0 1);
+  }
+}