diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 5886fd7a5817b513cf743db54386e48fdab4181e..1ab86729b6c03a370be32972aee7011c62f280aa 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -358,4 +358,5 @@ $arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default // Icons $icon-burger-margin-right: -12px $icon-close-margin-right: -12px -$icon-toc-margin-right: -14px \ No newline at end of file +$icon-toc-margin-right: -14px +$icon-arrow-previous-margin-left: -22px // cf. testimonial \ No newline at end of file diff --git a/assets/sass/_theme/blocks/timeline.sass b/assets/sass/_theme/blocks/timeline.sass index 0d05c39e6697adf7a2cf867020703ce24fa63f66..472ef37d30d42da2014c4451ce832b2ca387a9c4 100644 --- a/assets/sass/_theme/blocks/timeline.sass +++ b/assets/sass/_theme/blocks/timeline.sass @@ -76,24 +76,24 @@ .timeline-arrows display: flex + padding-left: half($grid-gutter) > button @include button-reset background: none border: none color: $block-timeline-horizontal-color cursor: pointer - font-size: 1rem - padding: half($spacing1) &:first-child - @include icon-block(arrow-left, before) + @include icon-block(arrow-previous, before) + margin-left: $icon-arrow-previous-margin-left &:last-child - @include icon-block(arrow-right, before) + @include icon-block(arrow-next, before) &:disabled cursor: default opacity: 0.3 .events - margin-left: calc(#{$grid-gutter} / -2) - margin-right: calc(#{$grid-gutter} / -2) + margin-left: half(-$grid-gutter) + margin-right: half(-$grid-gutter) // TODO : fixer le px gap en desktop entre chaque event ol display: flex diff --git a/assets/sass/_theme/dependencies/splide.sass b/assets/sass/_theme/dependencies/splide.sass index b4960027066eea43bb8f677e952857bd20d9f7ab..976f7a904617836a3d926c7702133e49802927a8 100644 --- a/assets/sass/_theme/dependencies/splide.sass +++ b/assets/sass/_theme/dependencies/splide.sass @@ -44,7 +44,6 @@ bottom: 0 position: absolute right: 0 - &.is-active .splide__play display: none @@ -53,16 +52,15 @@ &__pause, &__play - // @extend .icon height: 48px padding: 0 width: 48px &__play - @include icon(play) + @include icon-block(play) &__pause - @include icon(pause) + @include icon-block(pause) display: none