/**
 * Size variants
 */

.hamburger-menu {
    &.-sm {
        --hamburger-menu--bar--width: var(
            --hamburger-menu--sm--bar--width,
            calc(30px * var(--size-multiplier-sm))
        );
        --hamburger-menu--bar--height: var(--hamburger-menu--sm--bar--height, 2px);
        --hamburger-menu--bar--spacing: var(--hamburger-menu--sm--bar--spacing, 4px);
        --hamburger-menu--bar--border-radius: var(--hamburger-menu--sm--bar--border-radius, 1px);
    }

    &.-md {
        --hamburger-menu--bar--width: var(
            --hamburger-menu--md--bar--width,
            calc(30px * var(--size-multiplier-md))
        );
        --hamburger-menu--bar--height: var(--hamburger-menu--md--bar--height, 3px);
        --hamburger-menu--bar--spacing: var(--hamburger-menu--md--bar--spacing, 5px);
        --hamburger-menu--bar--border-radius: var(--hamburger-menu--md--bar--border-radius, 2px);
    }

    &.-lg {
        --hamburger-menu--bar--width: var(
            --hamburger-menu--lg--bar--width,
            calc(30px * var(--size-multiplier-lg))
        );
        --hamburger-menu--bar--height: var(--hamburger-menu--lg--bar--height, 4px);
        --hamburger-menu--bar--spacing: var(--hamburger-menu--lg--bar--spacing, 6px);
        --hamburger-menu--bar--border-radius: var(--hamburger-menu--lg--bar--border-radius, 3px);
    }
}