Skip to content
Snippets Groups Projects
Commit fea5510a authored by alexisben's avatar alexisben
Browse files

hero

parent 4cc0123c
No related branches found
No related tags found
No related merge requests found
......@@ -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"))
......
......@@ -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
......@@ -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
......
......@@ -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)
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment