// 
// @TODO: Add docs to Carousel!
//
$orbit-bullets-position: initial!default;
//Orbit parameters for absolute position
// $orbit-bullets-position-x: left|center|right;
$orbit-bullets-position-x: 'left'!default;
// $orbit-bullets-position-y: top|middle|bottom;
$orbit-bullets-position-y: ''!default;
// $orbit-bullets-position-y: horizontal|vertical;
$orbit-bullets-layout: 'horizontal'!default;


@mixin Carousel() {
    @include foundation-orbit;
    @include motion-ui-transitions;
    @include motion-ui-animations;
    
    .orbit {

        &-container {

        }
        &-slide {

            &-caption {

            }
            
        }
        &-next, &-previous {

        }
        &-next {

        }
        &-previous {

        }
        &-bullets {
            position: $orbit-bullets-position;
            @if $orbit-bullets-position-x == 'center' {
                width: 100%;
                text-align: center;
            } 
            @if $orbit-bullets-position-x == 'right' {
                right: 0px;
            }
            
            @if $orbit-bullets-position-y == 'top' {
                top: 0px;
            } 
            @if $orbit-bullets-position-y == 'middle' {
                @include vertical-center;
                margin: 0px;
            }
            @if $orbit-bullets-position-y == 'bottom' {
                bottom: 0px;
            }
            @if $orbit-bullets-layout == 'vertical' {
                button, .orbit-bullet {
                    display: block;
                }
            }
            
        }
        &-bullet {

        }
    }
    
}