use styrust::*;
use styrust::Padding as P;

//property type text display
fn main() -> Result<(), Box<dyn std::error::Error>> {
    let (pt, pr, pb, pl) = (
        P::px(8.0)?,
        P::px(16.0)?,
        P::px(8.0)?,
        P::px(16.0)?,
    );
    let f_color = Color::rgb(224, 224, 224);
    let bg_color = BackgroundColor::rgb(155, 155, 155);
    
    let width = Width::px(120.0)?;
    let height = Height::px(40.0)?;
    let margin = Margin::px(5.0)?;
    let space = "            ";

    let style = css_style!(
        selector!(unsafe {.btn, #btn_a } {
            font_size!(unsafe{16px});
            color!(f_color);
            background_color!(bg_color);
            height!(height);
            padding!(pt, pr, pb, pl);
            margin!(margin);
            width!(width);
            unsafe { 
                
                display: flex; 
                justify-content: center; 
                align-items: center; 
            }
        });
    );
    println!("{}", style);
    Ok(())
}