Use macros to generate bevy_ui layouts from CSS strings

[ulvido]

What problem does this solve or what need does it fill?

I am new to rust and bevy. I came from node and web background and I can honestly say writing UI with the current version of bevy_ui is very hard. (0.10.1)

What solution would you like?

if it's mimicing exactly css flexbox is it posible to use valid css string?

example css_str:

.ComponentName {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .ChildComponent1 {
        /* ... */
    }
}

if you impelement FromStr or macro or something...

commands.spawn(from_css_str!(css_str))

What alternative(s) have you considered?

as an example main_menu_style.css file in the assets/styles/ folder and asset_server.load(styles/main_menu_style.css) and use asset with a macro or etc.

Additional context

if bevy graphical ui happens some time in the future users will feel forced to use the graphical ui to create game ui becase of these too much verbosity. also considering gridbox is a thing.

[alice-i-cecile]

For the same sort of idea, see DioxusLabs/taffy#440 upstream.

Personally, I'm fairly strongly opposed to persistently coupling bevy_ui to CSS with macros like this on a first party level. I'd much rather see builder methods that actually play nice with Rust's tooling and can be extended to other layout paradigms like morphorm.

That said, belly attempts to do something quite similar using CSS-like macros, and may be to your taste!

P.S. css-grid support was added in #8026, and is coming in 0.11 :)