// Slick Carousel Tools
// -----------------------------------------------------------------------------
//
// Purpose: Tools used to style the slick carousel
//
// 1. Plugin SASS assumes you want an icon font, to override this and not output
// that CSS, setting the url value to null
//
// 2. Setting opaque background in old browsers
//
// 3. Setting color for carousel arrow buttons
//
// -----------------------------------------------------------------------------

@function image-url($url) { // 1
    @return null;
}

@mixin carouselOpaqueBackgrounds($color: rgba($carousel-bgColor, 0.9)) { // 2
    background-color: rgba($color, 1);
    background-color: $color;
}

@mixin carousel-arrow-color($arrow-color, $arrow-direction) {
    @if $arrow-direction == "prev" {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='#{str-replace(#{$arrow-color}, "#", "%23")}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
    }
    @if $arrow-direction == "next" {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='#{str-replace(#{$arrow-color}, "#", "%23")}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
    }
}

