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

fix image height

parent a720104d
No related branches found
No related tags found
No related merge requests found
......@@ -290,6 +290,10 @@ $block-key_figures-number-font-size-xxl: px2rem(80) !default
// Block gallery
$block-gallery-carousel-background: $color-background-alt
// Block image
$block-image-max-height-with-sidebar: calc(100vh - var(--header-height)) !default
$block-image-max-height-without-sidebar: none !default
// Sections
$article-title-size: $h4-size !default
$article-title-size-md: $h4-size-md !default
......
......@@ -18,14 +18,13 @@
margin-left: calc(-#{$grid-gutter-sm} / 2)
margin-right: calc(-#{$grid-gutter-sm} / 2)
@include in-page-with-sidebar
@include media-breakpoint-up(md)
picture
margin-left: 0
margin-right: -$grid-gutter
img
max-height: calc(100vh - var(--header-height))
max-height: $block-image-max-height-with-sidebar
width: auto
@include in-page-without-sidebar
@include media-breakpoint-up(md)
......@@ -44,10 +43,9 @@
order: 2
picture
margin-left: 0
margin-right: -$grid-gutter
// text-align: right
// img
// display: inline
margin-right: -$grid-gutterxz
img
max-height: $block-image-max-height-without-sidebar
figcaption
width: calc(#{col(5)} + #{$grid-gutter} / 2)
order: 1
......
/* TODO : https://developer.mozilla.org/fr/docs/Web/HTML/Element/details */
.block-video
.video
@include aspect-ratio(16/9, 'iframe')
......@@ -13,4 +11,3 @@
.video
margin-left: calc(-#{$grid-gutter-sm} / 2)
margin-right: calc(-#{$grid-gutter-sm} / 2)
......@@ -36,7 +36,7 @@
"alt" .alt
"mobile" "480x850"
"tablet" "768x1360"
"desktop" "1024x1820"
"desktop" "1400x1820"
)}}
</a>
<figcaption>
......
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