Skip to content
Snippets Groups Projects
Commit 3819e5d0 authored by Arnaud Levy's avatar Arnaud Levy
Browse files

Gallery wip

parent 65ef6de0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/sass/_theme/blocks/gallery.sass
+ 8
− 2
View file @ 3819e5d0
...@@ -44,6 +44,7 @@ ...@@ -44,6 +44,7 @@
content: ' ' // This is used to allow align baseline without figcaption content: ' ' // This is used to allow align baseline without figcaption
&--carousel &--carousel
overflow: hidden
padding-bottom: $grid-gutter padding-bottom: $grid-gutter
padding-top: $grid-gutter padding-top: $grid-gutter
@include in-page-without-sidebar @include in-page-without-sidebar
...@@ -60,11 +61,15 @@ ...@@ -60,11 +61,15 @@
display: flex display: flex
flex-direction: column flex-direction: column
&__track &__track
overflow: visible
margin-right: -calc(#{$grid-gutter-sm} / 2) margin-right: -calc(#{$grid-gutter-sm} / 2)
.splide__slide .splide__slide
transition: opacity .3s ease transition: opacity .3s ease
&[aria-hidden=true] opacity: 0.1
opacity: 0.2 &.is-next
opacity: 0.6
&.is-active
opacity: 1
@include media-breakpoint-up(md) @include media-breakpoint-up(md)
margin-right: -calc(#{$grid-gutter} / 2) margin-right: -calc(#{$grid-gutter} / 2)
&__slide &__slide
...@@ -78,6 +83,7 @@ ...@@ -78,6 +83,7 @@
margin-right: calc(#{$grid-gutter} / 2) margin-right: calc(#{$grid-gutter} / 2)
picture picture
img img
// FIXME Arnaud: I would like images at constant height, can't manage to get it right.
max-height: 70vh max-height: 70vh
width: auto width: auto
height: auto height: auto
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment