diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index f14886bfe51ee1959695f0da9c082a32515e48e1..cbe5668331d62c1e169288bbeeaae9c3c36beeb1 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -194,6 +194,7 @@ $breadcrumb-color: $hero-color !default $breadcrumb-icon: "caret-right" !default $breadcrumb-icon-color: $color-text-alt !default + // Icons $icons: () $icons: map-merge($icons, ("arrow": "\e905")) diff --git a/assets/sass/_theme/blocks/base.sass b/assets/sass/_theme/blocks/base.sass index 9267e3763f9c0d7af25dcdf466833c241737158d..2669479499655ac7862c51d0761886f804804386 100644 --- a/assets/sass/_theme/blocks/base.sass +++ b/assets/sass/_theme/blocks/base.sass @@ -14,3 +14,9 @@ + .description margin-top: $spacing2 +// Specific +$backgrounded_blocks: ".block-call_to_action, .block-chapter--accent_background, .block-chapter--alt_background, .block-timeline--horizontal, .block-pages--cards" +.blocks + .block:first-child + &:not(#{$backgrounded_blocks}) + padding-top: 0 diff --git a/assets/sass/_theme/blocks/chapter.sass b/assets/sass/_theme/blocks/chapter.sass index 41ca229af1301eb4b3f40449e92894a5d1870634..fc8724ca4114d12b1ba48439c6e301bfe116214a 100644 --- a/assets/sass/_theme/blocks/chapter.sass +++ b/assets/sass/_theme/blocks/chapter.sass @@ -27,6 +27,7 @@ color: $block-chapter-layout-accent-color a @include link($block-chapter-layout-accent-color) + @include media-breakpoint-down(desktop) &--with-image &.block-chapter--alt_background, &.block-chapter--accent_background @@ -38,6 +39,8 @@ max-width: col(4, 8) &--alt_background, &--accent_background background: none + padding-bottom: 0 + padding-top: 0 .chapter .text padding: $grid-gutter col(1, 8) figure diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass index 25ba6a6feef25058b51f627aa0577babb948c7f8..4d369ad810941a316980d23ef3d7d9fdb4be4cba 100644 --- a/assets/sass/_theme/design-system/hero.sass +++ b/assets/sass/_theme/design-system/hero.sass @@ -23,11 +23,8 @@ bottom: 0 z-index: -1 - - nav + .content - margin-top: $spacing3 - .content + margin-top: calc(#{$spacing3} + #{$spacing1} + #{$meta-size-desktop}) h1 + p margin-top: $spacing1 figure @@ -71,6 +68,9 @@ figcaption p display: block + nav + .content + margin-top: $spacing3 + // TODO : handle hero with image // @if $breadcrumb-below-h1 // .container:first-child @@ -119,6 +119,11 @@ figure width: col(5) + &--image-landscape + .content + figure + font-size: $h1-size-desktop + margin-top: 0.5ex &--image-portrait, &--image-square .breadcrumb-nav width: calc(#{col(9)} + #{half($grid-gutter)}) @@ -131,5 +136,5 @@ width: col(8) figure margin-top: calc(-#{$spacing3} - #{$spacing1}) - width: col(3) + width: col(4)