Macro css 

css!() { /* proc-macro */ }

Allows to create Css styles for usage in dom! macro.

use vertigo::{css, dom};

let green_on_red = css!("
    color: green;
    background-color: red;
");

dom! {
   <div css={green_on_red}>"Tomato stem"</div>
};

use vertigo::{css, Css, dom};

fn css_menu_item(active: bool) -> Css {
    let bg_color = if active { "lightblue" } else { "lightgreen" };

    css! {"
        cursor: pointer;
        background-color: {bg_color};

        :hover {
            text-decoration: underline;
        }
    "}
}

dom! {
    <a css={css_menu_item(true)}>"Active item"</a>
    <a css={css_menu_item(false)}>"Inactive item"</a>
};

See tooltip demo for more complex example.