// Mixin

@mixin box-shadow($property) {
    -webkit-box-shadow: $property;
    -ms-box-shadow: $property;
    box-shadow: $property;
}

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

@mixin transition($property: all, $time: .5s, $style: ease-in-out) {
    -webkit-transition: $property $time $style;
    -moz-transition: $property $time $style;
    -o-transition: $property $time $style;
    transition: $property $time $style;
}

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

@mixin translateX($key: 0%) {
    -webkit-transform: translateX($key);
    -moz-transform: translateX($key);
    -o-transform: translateX($key);
    transform: translateX($key);
}

@mixin clearfix() {
    &::after {
        display: block;
        content: "";
        clear: both;
    }
}