monks/flex_direction

The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

Values

column

</>

pub const column: #(String, String)

: The flex container’s main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.

column_reverse

</>

pub const column_reverse: #(String, String)

: Behaves the same as column but the main-start and main-end are opposite to the content direction.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for flex-direction

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

row

</>

pub const row: #(String, String)

: The flex container’s main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.

row_reverse

</>

pub const row_reverse: #(String, String)

: Behaves the same as row but the main-start and main-end points are opposite to the content direction.

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for flex-direction. It will be wrapped in var() and have -- prepended.