@mixin icon-override($icon) {
    &:before {
    content: $icon;
    }
}

@mixin clearfix {
    &:after {
    content: "";
    display: table;
    clear: both;
    }
}

@mixin transition($transition...) {
    -moz-transition: $transition;
    -o-transition: $transition;
    -webkit-transition: $transition;
    transition: $transition;
}

@mixin no-shadow() {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

@mixin shadow($value) {
    -webkit-box-shadow: $value;
    -moz-box-shadow: $value;
    box-shadow: $value;
}

@mixin border-radius($val) {
    -moz-border-radius: $val;
    -webkit-border-radius: $val;
    border-radius: $val;
}

@mixin rotate($deg) {
    -webkit-transform: rotate($deg);
    -moz-transform: rotate($deg);
    -o-transform: rotate($deg);
    -ms-transform: rotate($deg);
    transform: rotate($deg);
}

@mixin opacity($opacity) {
    opacity: $opacity;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie);
}

@mixin scale($deg) {
    -webkit-transform: scale($deg);
    -moz-transform: scale($deg);
    -o-transform: scale($deg);
    -ms-transform: scale($deg);
    transform: scale($deg);
}

@mixin overlay-shadow() {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

@mixin border-gradient-top2bottom($start-color, $end-color) {
    -webkit-border-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from($start-color),
        to($end-color)
    )
    1 100%;
    -webkit-border-image: -webkit-linear-gradient($start-color, $end-color) 1 100%;
    -moz-border-image: -moz-linear-gradient($start-color, $end-color) 1 100%;
    -o-border-image: -o-linear-gradient($start-color, $end-color) 1 100%;
    border-image: linear-gradient(to bottom, $start-color, $end-color) 1 100%;
}

@mixin background-gradient-left2right($start-color, $end-color) {
    background-color: $start-color;
    background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from($start-color),
    to($end-color)
    );
    background-image: -webkit-linear-gradient(to right, $start-color, $end-color);
    background-image: -moz-linear-gradient(to right, $start-color, $end-color);
    background-image: -ms-linear-gradient(to right, $start-color, $end-color);
    background-image: -o-linear-gradient(to right, $start-color, $end-color);
    background-image: linear-gradient(to right, $start-color, $end-color);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$end-color}', gradientType='1');
}