diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass index d772e46a10392561eb84bd6c3d73f301f3260f0a..4921666f17a2795a7ec1122bf4144821684c665f 100644 --- a/assets/sass/_theme/blocks/pages.sass +++ b/assets/sass/_theme/blocks/pages.sass @@ -1,11 +1,12 @@ .block-pages .pages @include grid(2, md) - .main-page .title - a::before - content: none + a + display: block + &::before + content: none &--grid .main-page margin-bottom: $spacing2 @@ -23,22 +24,22 @@ @extend .h4 @include media-breakpoint-up(lg) margin-bottom: 0 - p:not(.title) + p @extend .h3 @include media-breakpoint-up(lg) margin-top: $spacing1 .pages - @include grid(1, false, $spacing0) + display: block margin-top: $spacing2 @include media-breakpoint-up(lg) - margin-top: calc(#{$spacing2} + #{$h6-size-md}) + margin-top: calc(#{$spacing2} + #{$h4-size-md}) .page .title + margin: calc(#{$spacing1} / 2) 0 a @include hover-translate-icon(before, 3) text-decoration-color: transparent - line-height: px2rem(30) &:hover text-decoration-color: black .page @@ -59,12 +60,16 @@ @include grid(3, md) margin-top: $spacing2 .page - aspect-ratio: 0.887 + aspect-ratio: 0.8 background-color: $block-pages-card-page-background transition: background 0.3s, color 0.3s &, a color: $block-pages-card-page-color + .title + p + margin-top: $spacing0 + .media + margin-bottom: 0 .more @include icon("arrow-right", after) @include link($block-pages-card-page-color) diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass index 3c8c27ae81cbe11fa7a39cf91c5a278ccfb67105..c48ceb4c18179331fad7def77f20c4645dac243d 100644 --- a/assets/sass/_theme/design-system/layout.sass +++ b/assets/sass/_theme/design-system/layout.sass @@ -21,7 +21,8 @@ body main - padding-bottom: $spacing3 + &:not(.page-with-blocks) + padding-bottom: $spacing3 // Create padding-top for fixed header under md @include media-breakpoint-down(md) padding-top: var(--header-height)