From d772cb4f23c67c8ed6fb78a3e16b909accebcfd3 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Thu, 29 Dec 2022 15:45:56 +0100
Subject: [PATCH] icons
---
assets/sass/_theme/_configuration.sass | 3 ++-
assets/sass/_theme/blocks/timeline.sass | 12 ++++++------
assets/sass/_theme/dependencies/splide.sass | 6 ++----
3 files changed, 10 insertions(+), 11 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 5886fd7a..1ab86729 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 0d05c39e..472ef37d 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 b4960027..976f7a90 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
--
GitLab