fix block files

cd802f0b · alexisben · 9029bee2 · cd802f0b · cd802f0b · cd802f0b
Commit cd802f0b authored 2 years ago by alexisben
--- a/assets/sass/_theme/blocks/files.sass
+++ b/assets/sass/_theme/blocks/files.sass
@@ -3,43 +3,44 @@
        h2, h3
            + .description
                margin-top: $spacing0
-    ul
+    .files
        @include list-reset
-    li
+        li
-        @include icon("download", before)
+            @include icon("download", before)
-        align-items: start
+            align-items: start
-        display: flex
-        position: relative
-        &::before
-            align-items: center
-            border: 1px solid $color-border
            display: flex
-            flex-shrink: 0
+            position: relative
-            font-size: px2rem(18)
-            height: px2rem(60)
-            justify-content: center
-            margin-right: $spacing0
-            transition: background 0.3s ease, border 0.3s ease
-            width: px2rem(60)
-        &:hover
            &::before
-                background-color: $color-border
+                align-items: center
-                border-color: transparent
+                border: 1px solid $color-border
-    a
+                display: flex
-        @include stretched-link(before)
+                flex-shrink: 0
-        @include small
+                font-size: px2rem(18)
-        text-decoration: none
+                height: px2rem(60)
-        &::after
+                justify-content: center
-            content: none !important // Remove default icon _blank
+                margin-right: $spacing0
+                transition: background 0.3s ease, border 0.3s ease
+                width: px2rem(60)
+            &:hover
+                &::before
+                    background-color: $color-border
+                    border-color: transparent
+        a
+            @include stretched-link(before)
+            @include small
+            text-decoration: none
+            &::after
+                content: none !important // Remove default icon _blank
    figcaption
        @include meta
    @include media-breakpoint-down(desktop)
-        li + li
+        .files
-            margin-top: $spacing1
+            li + li
+                margin-top: $spacing1
    @include media-breakpoint-up(desktop)
        @include in-page-with-sidebar
-            ul
+            .files
                @include grid(2, desktop, half($grid-gutter))
        @include in-page-without-sidebar
            .top
@@ -50,5 +51,5 @@
                    margin-top: 0
                    width: col(8)
                    margin-left: $grid-gutter
-            ul
+            .files
                @include grid(3, desktop, half($grid-gutter))
--- a/layouts/partials/blocks/templates/files.html
+++ b/layouts/partials/blocks/templates/files.html
@@ -19,7 +19,7 @@
          </div>
        {{ end -}}
-        <ul>
+        <ul class="files">
          {{- range .files }}
            {{ if ne .id "" }}
              {{- $file := partial "GetMedia" .id -}}

--- a/layouts/partials/blocks/templates/key_figures.html
+++ b/layouts/partials/blocks/templates/key_figures.html
@@ -20,11 +20,11 @@
          </div>
        {{ end -}}
-        {{ if (modBool $figures 2)}}
+        {{ $list_class := "odd-items" }}
-          <ul class="even-items">
+        {{ if (modBool $figures 2) }}
-          {{ else }}
+          {{ $list_class = "even-items" }}
-            <ul class="odd-items">
        {{ end }}
+        <ul class="{{ $list_class }}">
          {{- range .figures }}
              <li>
                <dl>