Merge pull request #15 from noesya/blocks/pages

Blocks/pages

assets/sass/_theme/_configuration.sass

@@ -128,7 +128,7 @@ $definition-border-color-hovered: darken($definition-border-color, 100) !default
 $block-pages-card-background: lighten($main-background-color, 1) !default
 $block-pages-card-page-background: white !default
 $block-pages-card-page-color: $main-color !default
-$block-pages-card-page-background-hover: lighten($main-background-color, 2) !default
+$block-pages-card-page-background-hover: darken($main-background-color, 100) !default
 $block-pages-card-page-color-hover: white !default
 
 // Block timeline

assets/sass/_theme/blocks/pages.sass

@@ -19,6 +19,7 @@
                     flex: 1
 
         .pages
+            @include grid(1)
             --bs-gutter-y: 0
             @include media-breakpoint-up(lg)
                 margin-top: 4.5rem
@@ -44,8 +45,7 @@
         padding-bottom: $grid-gutter
         padding-top: $grid-gutter
         .pages
-            > *
-                @include grid(4, md)
+            @include grid(3)
             .page
                 aspect-ratio: 0.887
                 background-color: $block-pages-card-page-background
@@ -53,11 +53,12 @@
                 &,
                 a
                     color: $block-pages-card-page-color
-                a
-                    transition: text-decoration-color .3s ease, color .3s
                 .more
                     @include link
                     text-decoration-color: $block-pages-card-page-color
+                a,
+                .more
+                    transition: text-decoration-color .3s ease, color .3s ease
                 > div:first-child
                     display: flex
                     flex-direction: column
@@ -69,7 +70,8 @@
                 &:hover
                     background-color: $block-pages-card-page-background-hover
                     &,
-                    a
+                    a,
+                    .more
                         color: $block-pages-card-page-color-hover
                     .more
                         text-decoration-color: $block-pages-card-page-color-hover