monks/flex

The flex CSS shorthand property sets how a {{glossary(“flex item”)}} will grow or shrink to fit the space available in its flex container.

Values

pub const auto_: #(String, String)

auto value of flex

pub const content: #(String, String)

content value of flex

pub const fit_content: #(String, String)

fit-content value of flex

pub const inherit: #(String, String)
pub const initial: #(String, String)
pub const intrinsic: #(String, String)

intrinsic value of flex

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of flex

pub const max_content: #(String, String)

max-content value of flex

pub const min_content: #(String, String)

min-content value of flex

pub const min_intrinsic: #(String, String)

min-intrinsic value of flex

pub const none: #(String, String)
  • : The item is sized according to its width and height properties. It is fully inflexible: it neither shrinks nor grows in relation to the flex container. This is equivalent to setting flex: 0 0 auto.Commonly desired flexbox effects can be achieved using the following flex values:
pub fn raw(value: String) -> #(String, String)

Enter a raw string value for flex

pub const revert: #(String, String)
pub const revert_layer: #(String, String)
pub const stretch: #(String, String)

stretch value of flex

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

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

Search Document