Image

assets/sass/_theme/blocks/image.sass

@@ -15,13 +15,13 @@
                 @include meta
     picture
         display: block
-        margin-left: half(-var(--grid-gutter))
-        margin-right: half(-var(--grid-gutter))
+        margin-left: var(--grid-gutter-negative))
+        margin-right: var(--grid-gutter-negative))
 
     @include in-page-with-sidebar
         picture
             margin-left: 0
-            margin-right: -var(--grid-gutter)
+            margin-right: var(--grid-gutter-negative))
         img
             max-height: $block-image-max-height-with-sidebar
             width: auto
@@ -49,7 +49,7 @@
                     order: 2
                 picture
                     margin-left: 0
-                    margin-right: -var(--grid-gutter)
+                    margin-right: var(--grid-gutter-negative))
                 figcaption
                     width: calc(#{columns(5)} + var(--grid-gutter) / 2)
                     order: 1
@@ -57,8 +57,8 @@
                     text-align: right
         &.image-landscape
             picture
-                margin-left: -var(--grid-gutter)
-                margin-right: -var(--grid-gutter)
+                margin-left: var(--grid-gutter-negative))
+                margin-right: var(--grid-gutter-negative))
                 @media screen and (min-width: $grid-max-width)
                     margin-left: 0
                     margin-right: 0