//transitions
:root {
    --bh-transition-100: .1s;
    --bh-transition-150: .15s;
    --bh-transition-200: .2s;
    --bh-transition-250: .25s;
    --bh-transition-300: .3s;
    --bh-transition-400: .4s;
    --bh-transition-500: .5s;
    --bh-transition-5s: 5s;
    --bh-transition-7s: 7s;
}

$bh-transition-100: var(--bh-transition-100);
$bh-transition-150: var(--bh-transition-150);
$bh-transition-200: var(--bh-transition-200);
$bh-transition-250: var(--bh-transition-250);
$bh-transition-300: var(--bh-transition-300);
$bh-transition-400: var(--bh-transition-400);
$bh-transition-500: var(--bh-transition-500);
$bh-transition-5s: var(--bh-transition-5s);
$bh-transition-7s: var(--bh-transition-7s);