Change/override bottom navigation bar’s height?

[ItsKruistz]

I’m just making this design for fun, not sure if i can make something like Instagram with that 😝

Anyways I want to ask is it possible to manually override or use size helpers for the bottom navigation? Because the default height is quite large and I want to change it

The repo is here if you want to look at it: https://github.com/ItsKruistz/My-Site

[leonardorafael]

Hi @ItsKruistz ,

The default specs from MD3 says:

• Top app bar has 64dp
• Bottom app bar has 80dp

You can override the bottom app bar <nav class="bottom"> to have nav.bottom { block-size: 4rem; }.
Or we can create/develop small, medium and large helpers to use as <nav class="bottom small"> too.
I believe that, in theory, is possible to do a MD3 version of Instagram, Twitter, Facebook, using Beer CSS (without add any custom CSS).

Hope this helps 🍻