diff --git a/assets/sass/_theme/blocks/gallery.sass b/assets/sass/_theme/blocks/gallery.sass index e1e5e2320734ff52f254bf9c22f2cca6d2aab0a6..5fe37c52bc41f35729c8073f7ba4ce738acebaec 100644 --- a/assets/sass/_theme/blocks/gallery.sass +++ b/assets/sass/_theme/blocks/gallery.sass @@ -47,24 +47,33 @@ &__slide flex-shrink: initial - figure + figure // TODO : affichage écrasé max-width: 80% min-width: 80% // to check @include in-page-without-aside min-width: 50% - &:last-of-type - max-width: 100% - padding-right: 20% - img - height: 50vw - width: auto - @include media-breakpoint-up(md) - height: 100% - max-height: 45vh - min-height: 400px + // &:last-of-type + // max-width: 100% + // padding-right: 20% + picture + height: 50vh + overflow: hidden // solution provisoire : j'ai créé un masque avec le picture + width: 100% @media (min-height: 800px) height: 680px max-height: 100% + img + height: auto + width: 100% + @media (min-height: 800px) + height: 100% + max-width: unset + width: auto + // @include media-breakpoint-up(md) + // height: 100% + // max-height: 45vh + // min-height: 45vh + p @media (min-height: 800px) font-size: px2rem(16)