//
// Arrows
//

$arrow-char-left: "‹" !default;
$arrow-char-right: "›" !default;

@mixin link-symbol {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    speak: none;
}

@mixin arrow-left {
    &:before {
        content: "#{$arrow-char-left}";
        @include link-symbol;
        @content;
    }
}

@mixin arrow-right {
    &:after {
        content: "#{$arrow-char-right}";
        @include link-symbol;
        @content;
    }
}

@mixin arrow-next {
    &:after {
        content: "\00a0#{$arrow-char-right}";
        @include link-symbol;
        @content;
    }
}

@mixin arrow-prev {
    &:before {
        content: "#{$arrow-char-left}\00a0";
        @include link-symbol;
        @content;
    }
}