// Input Placeholder Wrapper
@mixin input-placeholder {
    &::-webkit-input-placeholder {
        @content;
    }
    &::-moz-input-placeholder {
        @content;
    }
    &::-ms-input-placeholder {
        @content;
    }
    &::-o-input-placeholder {
        @content;
    }
}

// Selection Wrapper
@mixin text-selection {
    &::selection {
        @content;
    }
    &::-moz-selection {
        @content;
    }
}

// Focus inner border
@mixin focus-inner-border {
    &::-moz-focus-inner {
        @content;
    }
}

// Mouse pointer mixins @2.0.0
@mixin csr-default {
    cursor: default#{$important};
}
@mixin csr-pointer {
    cursor: pointer#{$important};
}
@mixin csr-wait {
    cursor : wait#{$important};
}
@mixin csr-crosshair {
    cursor : crosshair#{$important};
}
@mixin csr-text {
    cursor : text#{$important};
}
@mixin csr-not-allowed {
    cursor : not-allowed#{$important};
}
@mixin csr-all-scroll {
    cursor : all-scroll#{$important};
}
@mixin csr-zoom-in {
    cursor : zoom-in#{$important};
}
@mixin csr-zoom-out {
    cursor : zoom-out#{$important};
}

// Box Decoration Break wrapper @2.0.0
@mixin box-slice {
    @include box-decoration-break(slice);
}
@mixin box-clone {
    @include box-decoration-break(clone);
}

// Box Sizing wrapper @2.0.0
@mixin resize-inherit {
    @include box-sizing(inherit);
}
@mixin resize-content {
    @include box-sizing(content-box);
}
@mixin resize-padding {
    @include box-sizing(padding-box);
}
@mixin resize-border {
    @include box-sizing(border-box);
}

// Direction wrapper @2.0.0.
@mixin dir-inherit {
    direction: inheri#{$important}t;
}
@mixin dir-ltr {
    direction: ltr#{$important};
}
@mixin dir-rtl {
    direction: rtl#{$important};
}


// Overflow wrapper @2.0.0
@mixin of-visible {
    overflow : visible#{$important};
}
@mixin of-visible-x {
    overflow-x: visible#{$important};
}
@mixin of-visible-y {
    overflow-y: visible#{$important};
}
@mixin of-hidden {
    overflow : hidden#{$important};
}
@mixin of-hidden-x {
    overflow-x: hidden#{$important};
}
@mixin of-hidden-y {
    overflow-y: hidden#{$important};
}
@mixin of-scroll {
    overflow : scroll#{$important};
}
@mixin of-scroll-x {
    overflow-x: scroll#{$important};
}
@mixin of-scroll-y {
    overflow-y: scroll#{$important};
}
@mixin of-auto {
    overflow : auto#{$important};
}
@mixin of-auto-x {
    overflow-x: auto#{$important};
}
@mixin of-auto-y {
    overflow-y: auto#{$important};
}

// Touch scroll wrapper @2.1.0
@mixin touch-scroll {
    @include of-scroll;

    -webkit-overflow-scrolling: touch#{$important};
}
@mixin touch-scroll-x {
    @include of-scroll-x;

    -webkit-overflow-scrolling: touch#{$important};
}
@mixin touch-scroll-y {
    @include of-scroll-y;

    -webkit-overflow-scrolling: touch#{$important};
}