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


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

@mixin backface($backface) {
    -webkit-backface-visibility: $backface;
    -moz-backface-visibility: $backface;
    backface-visibility: $backface;
}

$transition-speed: 0.4s;

// -------------------------
// ----- MENU MAX-WIDTH ----
// -------------------------
$max-menu-width: 100%;

// -------------------------
// ----- TRANSITIONS -------
// -------------------------
$margin-transition: margin 0.4s ease;
