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