Merge pull request #421 from osunyorg/block-links-hover

Block links hover

assets/sass/_theme/blocks/links.sass

@@ -4,23 +4,24 @@
         @include grid(2, md)
         align-items: flex-start
     li
-        @include icon(link-blank, after, true)
         background-color: $block-lien-card-background
+        color: $block-lien-card-color
         display: flex
         flex-direction: column-reverse
         justify-content: flex-end
-        min-height: pxToRem(130)
         position: relative
-        &::after
-            position: absolute
-            bottom: space(4)
-            right: space(4)
+        transition: background 0.3s ease
         .link-content
-            padding: space(4)
             line-height: 100%
+            min-height: pxToRem(130)
+            padding: space(4)
         a
             @include stretched-link(before)
             text-decoration: none
+            &::after
+                bottom: space(4)
+                position: absolute
+                right: space(4)
         p
             @include small
             margin-top: space(3)
@@ -31,6 +32,10 @@
                 display: block
                 aspect-ratio: 16/9
                 object-fit: cover
+        &:hover
+            background-color: $block-lien-card-hover-background
+            &, a
+                color: $block-lien-card-hover-color
     @include in-page-without-sidebar
         .top
             display: flex

assets/sass/_theme/configuration/blocks.sass

@@ -105,4 +105,7 @@ $block-image-max-height-without-sidebar: none !default
 $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
+$block-lien-card-background: var(--color-background-alt) !default
+$block-lien-card-color: var(--color-text) !default
+$block-lien-card-hover-background: var(--color-accent) !default
+$block-lien-card-hover-color: var(--color-background) !default
\ No newline at end of file