diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 368097c65b032fc484ce363bb616a8dbec487846..cffca5149e7b7244e8b5e85e705ddccdf8955f4f 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -433,6 +433,7 @@ $block-testimonials-pagination-progress-background: var(--color-accent) !default $block-key_figures-number-font-family: $heading-font-family !default $block-key_figures-unit-font-weight: normal !default $block-key_figures-number-font-weight: bold !default +$block-key_figures-image-max-width: $spacing-6 !default $block-key_figures-font-size: pxToRem(16) !default $block-key_figures-number-font-size: pxToRem(32) !default diff --git a/assets/sass/_theme/blocks/key_figures.sass b/assets/sass/_theme/blocks/key_figures.sass index 5efdb775b8a9ce26a400ae2d09810ccbd70567ad..64126a161eb8adc3aaecd984d939aa656b4a266c 100644 --- a/assets/sass/_theme/blocks/key_figures.sass +++ b/assets/sass/_theme/blocks/key_figures.sass @@ -29,6 +29,7 @@ img display: block margin-bottom: $spacing-2 + max-width: $block-key_figures-image-max-width @include media-breakpoint-up(desktop) font-size: $block-key_figures-font-size-desktop strong diff --git a/config.yaml b/config.yaml index 7540ffe146e3f88f4c0aaa8d961ddc76f0cd49be..11d2b05deb83b95de015bbc4c03f2cd15159968f 100644 --- a/config.yaml +++ b/config.yaml @@ -126,6 +126,10 @@ params: mobile: 350 tablet: 400 desktop: 750 + key_figures: + mobile: 100 + tablet: 100 + desktop: 150 image: mobile: 480x850 tablet: 768x1360 diff --git a/layouts/partials/blocks/templates/key_figures.html b/layouts/partials/blocks/templates/key_figures.html index ed0cea5a4644b7987a288b433925a018b470c76a..33470c53bff1bb36e6cd64f1a2d0543851f75fb6 100644 --- a/layouts/partials/blocks/templates/key_figures.html +++ b/layouts/partials/blocks/templates/key_figures.html @@ -23,7 +23,11 @@ <dl> <dt> {{ with .image }} - {{ partial "commons/image.html" (dict "image" .) }} + {{ partial "commons/image.html" + (dict + "image" . + "sizes" site.Params.image_sizes.blocks.key_figures + )}} {{ end }} <strong>{{ .number }}</strong>{{ partial "PrepareHTML" .unit }} </dt>