diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 4a03dee78bd56fe7fc80f5b88fe5ed9127455c14..339df81744ed1e25b3eb24792017aad2f8c6ac24 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -121,7 +121,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 diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass index 9075ed75626373f99c9989d51bd6f4e2778b7e9b..40bb99961a5392164775b89fbcd39c913d2071d5 100644 --- a/assets/sass/_theme/blocks/pages.sass +++ b/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) + @include grid(3) .page aspect-ratio: 0.887 background-color: $block-pages-card-page-background @@ -53,11 +53,15 @@ &, a color: $block-pages-card-page-color - a - transition: text-decoration-color .3s ease, color .3s .more @include link + bottom: 10px + margin-top: 100% + position: absolute 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 +73,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