links block for desktop and mobile

assets/sass/_theme/blocks/links.sass

+.block-links
+    ul
+        @include list-reset
+        @include grid(2, md)
+        align-items: flex-start
+    li
+        background-color: $block-lien-card-background
+        display: flex
+        flex-direction: column-reverse
+        justify-content: flex-end
+        min-height: pxToRem(130)
+        position: relative
+        .link-content
+            padding: space(4)
+        a
+            @include stretched-link(before)
+            &::after
+                position: absolute
+                bottom: space(4)
+                right: space(4)
+        p
+            @include small
+            margin-top: space()
+        figure
+            img
+                aspect-ratio: 16/9
+                object-fit: cover
+    @include in-page-without-sidebar
+        .top
+            display: flex
+            gap: var(--grid-gutter)
+            .block-title
+                width: columns(4)
+            .description
+                flex: 1
+                margin-top: 0
+        ul
+            @include grid(3, md)
+    @include media-breakpoint-down(desktop)
+        ul
+            li + li
+                margin-top: $spacing-3
\ No newline at end of file

assets/sass/_theme/configuration/blocks.sass

@@ -103,3 +103,6 @@ $block-image-max-height-without-sidebar: none !default
 
 // Block video
 $block-video-background: var(--color-background-alt) !default
+
+// Block liens
+$block-lien-card-background: var(--color-background-alt) !default
\ No newline at end of file

assets/sass/_theme/hugo-osuny.sass

@@ -53,6 +53,7 @@
 @import blocks/image
 @import blocks/key_figures
 @import blocks/license
+@import blocks/links
 @import blocks/organizations
 @import blocks/pages
 @import blocks/persons

layouts/partials/blocks/templates/links.html

+{{- $block := .block -}}
+{{- $block_class := partial "GetBlockClass" .block -}}
+
+{{- with .block.data -}}
+  <div class="{{ $block_class }}">
+    <div class="container">
+      <div class="block-content">
+        {{ partial "blocks/top.html" (dict
+          "title" $block.title
+          "heading_level" $block.ranks.self
+          "description" .description
+        )}}
+        
+        <ul class="links">
+          {{- range .links }}
+            <li>
+              <div class="link-content">
+                {{- $title := partial "PrepareHTML" .title -}}
+                {{- $url := .url -}}
+                <a href="{{ .url }}"
+                  {{ if .target_blank }}
+                    title="{{ i18n "commons.link.blank_aria" (dict "Title" $title) }}"
+                    target="_blank"
+                  {{ else }}
+                    title="{{ $title }}"
+                  {{ end }}
+                  >{{- $title -}}
+                </a>
+                <p>{{ .description | safeHTML }}</p>
+              </div>
+              {{- if .image -}}
+                <figure>
+                  {{- partial "commons/image.html"
+                    (dict
+                      "image"    .image
+                      "alt"      .alt
+                      "sizes"    site.Params.image_sizes.blocks.features
+                  ) -}}
+                  {{- if .credit -}}
+                    <figcaption>
+                      {{ partial "PrepareHTML" .credit }}
+                    </figcaption>
+                  {{- end -}}
+                </figure>
+              {{- end -}}
+            </li>
+          {{ end -}}
+        </ul>
+      </div>
+    </div>
+  </div>
+{{- end -}}