[Fixes #1534] Hamburger Menu Now Has 2 Size Classes for Smaller / Larger Scenarios

[raygervais]

This is a bugfix which resulted in an improvement.
Fixes #1534

Proposed solution

Fixes the Hamburger responsive concept by adding two new classes is-small and is-large which reduce or expand the dimensions of the hamburger menu spans.

Tradeoffs

No trade offs that I can think of, since this is entirely style-sheet class driven.

Examples in testing.

Testing Done

#1534 contains the final testing, which @jimblue concluded was appropriate for the required bugfix / improvement. @jgthms, if you have any issues with this improvement / bugfix, I'd be happy to correct.

[bb010g]

Is this blocked on anything?

[raygervais]

Not that I know of @bb010g, simply waiting for this to be merged in.

[jimblue]

hey @jgthms ! Can we have your input on this? Any chance to merge?

[isaackearl]

this seems to have gotten stale. +1 though

[tulsileathers]

this is still needed! can we merge it?

[timleachsw]

Yes, this is a much-needed feature... are there any temporary workarounds we can use to change the burger's size in the meantime?

[rwlnd]

Bumped into this MR because I was looking for a way to increase hamburger size as well. Would be nice if it could still be merged in.

[zlobec]

Now this would really be a nice option to have... but in the meantime, i did this... it's ugly and barely works:

.navbar-burger.is-large { transform: scale(2) translateX(-33%); }

[SlothKun]

any follow up on this ?

[Johng117]

It would be great if this could be merged.

[maxbbender]

Now this would really be a nice option to have... but in the meantime, i did this... it's ugly and barely works:

.navbar-burger.is-large { transform: scale(2) translateX(-33%); }

works kinda for me too, like you mentioned barely works.

Would love to have this option as well natively