Flex support

[felipetesc]

Hello. I wanted to know what if you have planed something about the flex support. Do you intend to create another item inside the enum Position found at /torin/src/values/position.rs, or perhaps add flex as a display option just like css, or something else ?
Could it be:

#[derive(Default, PartialEq, Debug, Clone)]
pub enum Position {
    #[default]
    Stacked,

    Absolute {
        top: Option<f32>,
        right: Option<f32>,
        bottom: Option<f32>,
        left: Option<f32>,
    },

    Flex{
          direction: Option<FlexDirection>,
          wrap: Option<FlexWrap>,
          flow: Option<FlexFlow>, 
          justify: Option<FlexJustify>, 
       
    }
}

where:

#[derive(PartialEq, Clone, Debug, Default)]
pub enum FlexWrap {
    #[default]
    Nowrap , Wrap , WrapReverse,
}

impl FlexWrap {
    pub fn pretty(&self) -> String {
        match self {
            FlexWrap::Nowrap => "nowrap".to_string(),
            FlexWrap::Wrap => "wrap".to_string(),
            FlexWrap::WrapReverse => "wrap-reverse".to_string(),
        }
    }
}


#[derive(PartialEq, Clone, Debug, Default)]
pub enum  FlexJustify {
    #[default]
    Start, 
    Center,
    End,
    SpaceBetween, 
    SpaceAround, 
    SpaceEvenly,
    Stretch,

}

impl FlexJustify {
    pub fn pretty(&self) -> String {
        match self {
            FlexJustify::Start => "start".to_string(),
            FlexJustify::Center => "center".to_string(),
            FlexJustify::End => "end".to_string(),
            FlexJustify::SpaceBetween => "space-between".to_string(),
            FlexJustify::SpaceAround => "space-around".to_string(),
            FlexJustify::SpaceEvenly => "space-evenly".to_string(),
            FlexJustify::Stretch =>  "stretch".to_string(),
        }
    }
}

#[derive(PartialEq, Clone, Debug, Default)]
pub enum FlexDirection {
    #[default]
    LeftRight,
    RightLeft,
    TopBottom,
    BottomTop,
}

impl FlexDirection {
    pub fn pretty(&self) -> String {
        match self {
            FlexDirection::LeftRight  => "right-left".to_string(),
            FlexDirection::RightLeft => "left-right".to_string(),
            FlexDirection::TopBottom => "top-bottom".to_string(),
            FlexDirection::BottomTop => "bottom-top".to_string(),
        }
    }
}

#[derive(PartialEq, Clone, Debug, Default)]
pub enum FlexFlow {
    #[default]
    Row,
    RowReverse,
    Column,
    ColumnReverse,
}

impl FlexFlow {
    pub fn pretty(&self) -> String {
        match self {
            FlexFlow::Row  => "row".to_string(),
            FlexFlow::RowReverse => "row-reverse".to_string(),
            FlexFlow::Column => "column".to_string(),
            FlexFlow::ColumnReverse => "column-reverse".to_string(),
        }
    }
}

Related to : #216

What do are your thoghts ?
Thanks.

[marc2332]

I haven't designed an APIfor Flex yet but putting it in Position would be weird as position isn't supposed to affect the inner content of the element but the element itself, so perhaps a display attribute would make more sense 👀