From f01ccff966be45b48111791ba9fe86bc734399a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Carvalho?= <fabio.mac.95@gmail.com>
Date: Fri, 17 Jan 2025 09:04:52 +0000
Subject: [PATCH] feat(slider): allow to replace the value of top property for
 the slider tick label (#84)

---
 src/assets/scss/components/_datetimepicker.scss |  2 +-
 src/assets/scss/components/_slider.scss         | 11 +++--------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/assets/scss/components/_datetimepicker.scss b/src/assets/scss/components/_datetimepicker.scss
index b9e5c4f..efcfb9e 100644
--- a/src/assets/scss/components/_datetimepicker.scss
+++ b/src/assets/scss/components/_datetimepicker.scss
@@ -8,6 +8,6 @@
     align-items: center;
 
     // override time dropdown shadow
-    --#{$prefix}dropdown-menu-box-shadow: 0,0,0,0;
+    --#{$prefix}dropdown-menu-box-shadow: 0, 0, 0, 0;
   }
 }
diff --git a/src/assets/scss/components/_slider.scss b/src/assets/scss/components/_slider.scss
index 36f4204..f1f20cc 100644
--- a/src/assets/scss/components/_slider.scss
+++ b/src/assets/scss/components/_slider.scss
@@ -30,6 +30,7 @@ $slider-track-shadow: 0px 0px 0px var(--#{$prefix}grey) !default;
 @mixin slider-size($size, $name: null) {
   $track-height: calc($size / $slider-thumb-to-track-ratio);
   $tick-height: calc($track-height * $slider-tick-to-track-ratio);
+  $tick-label-top: calc($track-height * 0.5 + 2px);
   $thumb-size: $size;
 
   .o-slide__track {
@@ -61,16 +62,10 @@ $slider-track-shadow: 0px 0px 0px var(--#{$prefix}grey) !default;
   .o-slide__tick-label {
     @if $name {
       font-size: var(--#{$prefix}slider-mark-size-#{$name}, $slider-mark-size);
-      top: calc(
-        var(--#{$prefix}slider-tick-label-top-#{$name}, $track-height) *
-          0.5 +
-          2px
-      );
+      top: var(--#{$prefix}slider-tick-label-top-#{$name}, $tick-label-top);
     } @else {
       font-size: var(--#{$prefix}slider-mark-size, $slider-mark-size);
-      top: calc(
-        var(--#{$prefix}slider-tick-label-top, $track-height) * 0.5 + 2px
-      );
+      top: var(--#{$prefix}slider-tick-label-top, $tick-label-top);
     }
 
     position: absolute;