/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

@include export("pagination") {
    #{$pagination-class} {
        margin: $margin 0;

        ol {
            @include reset-list;
            @include clear-fix;

            > li {
                position: relative;
                float: $align-direction;
                margin-#{$align-opposite-direction}: $padding / 2;

                > a {
                    display: block;
                }

                &.is-active {
                    z-index: 1;
                }
            }
        }
    }

    //-------------------- Modifiers --------------------//

    @if index($pagination-modifiers, "grouped") {
        #{$pagination-class-modifier-grouped} {
            ol > li {
                margin: 0;

                &:hover,
                > a:hover { z-index: 1; }

                > a {
                    margin: 0;
                    border-radius: 0;
                }
            }

            //----- Effects -----//

            &#{$shape-round-class} ol {
                border-radius: $round;

                > li:first-child > a {
                    border-top-#{$align-direction}-radius: $round;
                    border-bottom-#{$align-direction}-radius: $round;
                }

                > li:last-child > a {
                    border-top-#{$align-opposite-direction}-radius: $round;
                    border-bottom-#{$align-opposite-direction}-radius: $round;
                }
            }

            @if index($pagination-effects, "oval") {
                &#{$shape-oval-class} ol {
                    border-radius: #{$oval-x} / #{$oval-y};

                    @if $text-direction == rtl {
                        > li:first-child a {
                            border-radius: 0 #{$oval-x} #{$oval-x} 0 / 0 #{$oval-y} #{$oval-y} 0;
                        }

                        > li:last-child a {
                            border-radius: #{$oval-x} 0 0 #{$oval-x} / #{$oval-y} 0 0 #{$oval-y};
                        }

                    } @else {
                        > li:first-child a {
                            border-radius: #{$oval-x} 0 0 #{$oval-x} / #{$oval-y} 0 0 #{$oval-y};
                        }

                        > li:last-child a {
                            border-radius: 0 #{$oval-x} #{$oval-x} 0 / 0 #{$oval-y} #{$oval-y} 0;
                        }
                    }
                }
            }

            @if index($pagination-effects, "pill") {
                &#{$shape-pill-class} ol {
                    border-radius: $pill;

                    > li:first-child a {
                        border-top-#{$align-direction}-radius: $pill;
                        border-bottom-#{$align-direction}-radius: $pill;
                    }

                    > li:last-child a {
                        border-top-#{$align-opposite-direction}-radius: $pill;
                        border-bottom-#{$align-opposite-direction}-radius: $pill;
                    }
                }
            }

            @if index($pagination-effects, "skew") {
                &#{$shape-skew-class} ol {
                    border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0;

                    @if $text-direction == rtl {
                        > li:first-child a {
                            border-radius: 0 #{$skew-x} 0 0 / 0 #{$skew-y} 0 0;
                        }

                        > li:last-child a {
                            border-radius: #{$skew-x} 0 0 0 / #{$skew-y} 0 0 0;
                        }

                    } @else {
                        > li:first-child a {
                            border-radius: #{$skew-x} 0 0 0 / #{$skew-y} 0 0 0;
                        }

                        > li:last-child a {
                            border-radius: 0 #{$skew-x} 0 0 / 0 #{$skew-y} 0 0;
                        }
                    }
                }
            }
        }
    }
}