Slick slider nudge

/*----------------------------------------------------
 * Slider, fancy nudgy hover effect
/*----------------------------------------------------*/
function nudgeSlider(){
    const $slickNext = $('.slick-next');
    const $slickPrev = $('.slick-prev');
    const $slickTrack = $('.slick-track');

    $slickNext.add($slickPrev).each(function(){
        const $this = $(this);
        const direction = $this.attr('data-dir');

        $this.on({
            mouseenter: function () {
                if (!$(this).hasClass('slick-disabled')) {
                    $(this).parent().find($slickTrack).addClass('pull-little-'+ direction +'');
                }
            },
            mouseleave: function () {
                $(this).parent().find($slickTrack).removeClass('pull-little-'+ direction +'');
            }
        });
    });
}

/* CSS */
.slick-track {
    margin-left: 0;
    transition: margin-left 0.3s ease;
}

.pull-little-left {
    margin-left: -100px !important; //yes we need this

    @media (max-width: $screen-xs-max) {
        margin-left: 0 !important;
    }
}

.pull-little-right {
    margin-left: 100px !important;

    @media (max-width: $screen-xs-max) {
        margin-left: 0 !important;
    }
}