diff --git a/assets/sass/_theme/blocks/features.sass b/assets/sass/_theme/blocks/features.sass index 2470b9d0b..f7aa6af29 100644 --- a/assets/sass/_theme/blocks/features.sass +++ b/assets/sass/_theme/blocks/features.sass @@ -11,25 +11,28 @@ figure order: -1 margin-bottom: $spacing-3 - picture - img - margin: auto - picture:not(.is-png, .is-svg) - img - object-fit: cover - width: 100% - aspect-ratio: 16/9 + img + margin: auto figcaption @include meta margin-top: $spacing-2 text-align: right - picture.is-png + + &:where(:not(.media--icon)) + img + aspect-ratio: 16/9 + object-fit: cover + width: 100% + + &.media--icon padding-top: $spacing-3 img margin: initial max-width: $block-features-icon-max-width + @include media-breakpoint-down(desktop) margin-bottom: $spacing-2 + @include in-page-with-sidebar li flex-direction: row @@ -37,7 +40,7 @@ width: columns(2) flex-shrink: 0 margin-right: var(--grid-gutter) - picture.is-png + &.media--icon img margin: auto diff --git a/layouts/partials/blocks/templates/features.html b/layouts/partials/blocks/templates/features.html index ad299447c..114d4a8be 100644 --- a/layouts/partials/blocks/templates/features.html +++ b/layouts/partials/blocks/templates/features.html @@ -2,7 +2,8 @@ {{- $block_class := partial "GetBlockClass" .block -}} {{- with .block.data -}} - {{- $features := .elements }} + {{ $features := .elements }} + {{ $options := .options }}