slick-slider-minimal.scss

/* Slider */

.foo-slider
{
    opacity: 0;
    // overflow: hidden;
    transition: opacity 0.3s ease-in-out;
}

.foo-slider.slick-slider
{
    // visibility: hidden;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    width: 100%;

    .slick-list
    {
        position: relative;

        display: block;
        height: 100%;
        overflow: hidden;

        margin: 0;
        padding: 0;
    }
    .slick-list:focus
    {
        outline: none;
    }
    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        transform: translate3d(0, 0, 0);
    }

    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;

        display: block;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after
    {
        display: table;

        content: '';
    }
    .slick-track:after
    {
        clear: both;
    }

    .slick-slide
    {
        // display: none;
        float: left;
        height: 100%;
        outline: none;
        // overflow: hidden;
        // padding-left: 1rem;
    }
    [dir='rtl'] .slick-slide
    {
        float: right;
    }
    .slick-slide.dragging img
    {
        pointer-events: none;
    }
    &.slick-initialized:not(.slick-loading)
    {
        opacity: 1;
    }
    .slick-arrow.slick-hidden {
        display: none;
    }
}