sass transitrions example

sassTransitionExample.scss

$pending-color: hsl(192, 69%, 50%);
$done-color: hsl(128, 69%, 50%);

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

.todo-item {
    @include transition(background-color 300ms cubic-bezier(0, 0.88, 0.26, 0.88));
    background-color: $pending-color;
    
    &.done {
        background-color: $done-color;
    }
}